@charset "utf-8";

/* list */

.board-search {background:#f8f8f8; border-bottom:1px solid #e5e5e5; padding:12px 20px;}
.board-search .total-page {font-size:90%; line-height:32px;}
.board-search .total-page span {color:#e40000;}
.board-search .search {height:35px;}
.board-search .search * {vertical-align:top;}
.board-search .search .select {width:25%;}
.board-search .search .input {width:40%;}
.board-search .search .btn {padding:0 12px;height:31px;line-height:29px;font-size:90%;font-weight:700; box-sizing:border-box; max-width:20%;}

.board-list ul {border-top:1px solid #eee;}
.board-list li {position:relative; padding:10px; border-bottom:1px solid #eee; background:url('../images/bbs/board-list-arrow.png') 95% center no-repeat; background-size:6px 13px;}
.board-list img {vertical-align:middle;}
.board-list .subject a {color:#333; font-size:15px; line-height:20px;}
.board-list .date {color:#999; font-size:12px; line-height:16px; padding-top:2px;}
.board-list .date .bar {margin:0 4px;}
.board-list .progress {position:absolute; top:50%; right:10px; margin-top:-9px;}

.photo-list {position:relative; width:95%; margin:0 auto;}
.photo-list .title {color:#524234; font-size:16px; font-weight:bold; line-height:20px; text-align:center; height:30px;}
.photo-list ul {*zoom:1;}
.photo-list ul:after {content:" "; display:block; clear:both;}
.photo-list li {*zoom:1; border-bottom:1px dotted #ddd; padding:8px 2%; letter-spacing:-1px; line-height:normal;}
.photo-list li:first-child {border-top:0;}
.photo-list li:after {content:" "; display:block; clear:both;}
.photo-list a {display:block;}
.photo-list li .pics {*zoom:1; width:100%; background: url('../images/bbs/arrow.gif') 50% 30% no-repeat; text-align:center; font-size:14px; font-weight:normal; margin-top:2%;}
.photo-list li .pics:after {content:" "; display:block; clear:both;}
.photo-list li .pics p.before {float:left; width:45%; }
.photo-list li .pics p.after {float:right;  width:45%;}
.photo-list li .pics .thumb {display:block; border:1px solid #ccc; padding:2px; margin:0 0 5px 0; font-size:0; line-height:0;}
.photo-list li .pics .thumb img {width:100%}
.photo-list .answer {border-top:1px solid #999; background:#f4f4f4; margin:5px 0 0 0; padding:8px 3%; font-size:12px;}
.photo-list .answer .q {color:#666; padding:0 0 8px 18px; text-indent:-18px;}
.photo-list .answer .q span {font-weight:bold; font-size:16px; margin-right:6px;}
.photo-list .answer .a {color:#d15a13; padding:0 0 0 18px; text-indent:-18px;}
.photo-list .answer .a span {font-weight:bold; font-size:16px; margin-right:6px;}

.event-img img {width:100%; height:80px;}


.faq {width:95%; margin:0 auto;}
.faq dl {border-bottom:1px solid #d8d8d8; letter-spacing:-1px;}
.faq dt {border-top:1px solid #d8d8d8;}
.faq dt a {display:block; background-image:url('../images/bbs/faq_q.png'); background-repeat:no-repeat; background-position:8px 7px; background-size:16px auto; padding:8px 0 8px 36px;}
.faq dd {display:none; color:#666; border-top:1px dotted #ccc; background-color:#f4f4f4; background-image:url('../images/bbs/faq_a.png'); background-repeat:no-repeat; background-position:8px 10px; background-size:16px auto; padding:10px 8px 10px 36px;}

.mft-warp {position:relative; width:100%; background: url('../images/bbs/mft_bg.png')0 0 no-repeat; background-size:100% 100%;}
.mft-warp h2 {padding:50px 0; text-align:center}
.mft {width:90%; padding:1% 0 20% 5%;}
.mft li {padding:3% 0 3% 0; border-bottom:1px dotted #ddd; font-size:16px; line-height:20px; color:#524234; font-weight:bold}
.mft li img {width:100%;}

.mft-view-warp {position:relative; width:100%; background: url('../images/bbs/mft_bg.png')0 0 no-repeat; background-size:100% 100%;}
.mft-view {width:90%; padding:5% 0 20%;  margin:0 auto;}
.check-img {padding:0 0 2%}
.check-img img {width:100%;}
.mft-view h2 {color:#524234; font-size:30px; line-height:35px; margin:0 0 2% 2%;}
.mft-view .txt {margin:0 0 1% 2%; color:#524234; font-size:14px; line-height:20px;}

/* write */
.board-write {border-top:1px solid #ccc; margin:8px 2% 0; font-size:12px;}
.board-write table {width:100%; border-collapse:collapse; border-spacing:0px; letter-spacing:-1px;}
.board-write th {padding:6px 10px; border-bottom:1px solid #ddd; background:#f4f4f4; color:#666; text-align:left;}
.board-write td {padding:6px 10px; border-bottom:1px solid #ddd; color:#767676;}
.board-write .txt {padding:4px 0 0 0; font-size:11px; line-height:1.5;}

/* view */
.board-view .title {padding:15px 10px; border-bottom:1px solid #ddd; background:#fbfbfb}
.board-view .title dt {font-weight:bold; }
.board-view .title dd {font-size:12px; color:#767676; padding:3px 0 0 0;}
.board-view .content {padding:10px 10px; border-bottom:1px solid #ddd;}
.board-view .content img {max-width:360px; height:auto !important;}

/* password */
.board-password {margin:0 20px;}
.board-password dl {text-align:center; border:1px solid #ddd;}
.board-password dt {padding:10px 0; border-bottom:1px solid #eee; background:#fafafa; color:#333; font-weight:bold;}
.board-password dd {padding:7px 0;}

/* 이전글,다음글 */
.prev-next {max-width:1000px; margin:0 auto; padding:3px 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; font-size:80%;}
.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;}


/* icons */
.qna-wait {display:inline-block; width:47px; height:14px; margin:-3px 6px 0 0; border:1px solid #ddd; color:#777; text-align:center; letter-spacing:-1px; font-size:11px; line-height:1.5; vertical-align:middle;}
.qna-complete {display:inline-block; width:47px; height:14px; margin:-3px 6px 0 0; border:1px solid #666; color:#fff; background:#999; text-align:center; letter-spacing:-1px; font-size:11px; line-height:1.5; vertical-align:middle;}
.icon-lock {display:inline-block; width:10px; height:10px; margin:-1px 0 0 4px;  font-size:0; line-height:0; text-indent:-999px; vertical-align:middle;
	background-image:url(../images/bbs/icon-lock.png); 
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:8px auto;
}
.icon-grade {display:block; height:14px; font-size:0; line-height:0; text-indent:-999px; background-image:url(../images/bbs/star.png); background-repeat:no-repeat; background-size:56px auto; overflow:hidden;}
.icon-grade.star20 {background-position:0 0;}
.icon-grade.star40 {background-position:0 -14px;}
.icon-grade.star60 {background-position:0 -28px;}
.icon-grade.star80 {background-position:0 -42px;}


/* 버튼 */
.buttons {*zoom:1; max-width:1000px; margin:15px auto;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen input[type=submit],.buttons .cen input[type=cancel],.buttons .cen button {*margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;color:#767676;letter-spacing:-1px;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;
	border:1px solid #e4e7e9; border-bottom-color:#bbbfc8; outline:0; border-radius:3px;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-shadow:inset 0px -1px 0px #fff,0px 1px 1px #f0f0f0;
	background:#ffffff;	
	background:-webkit-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #f8f8f9 100%);
	background:linear-gradient(top, #ffffff 0%, #f8f8f9 100%);

}
.btn-pack.focus {
	color:#fff;	
	border:1px solid #bb1218; border-bottom-color:#b10a10;
	box-shadow:inset 0px -1px 0px #bb1218,0px 1px 1px #f0f0f0;
	background:#dd0709;
	background:-webkit-linear-gradient(top, #dd0709 0%, #d10204 100%);
	background:-moz-linear-gradient(top, #dd0709 0%, #d10204 100%);
	background:-ms-linear-gradient(top, #dd0709 0%, #d10204 100%);
	background:-o-linear-gradient(top, #dd0709 0%, #d10204 100%);
	background:linear-gradient(top, #dd0709 0%, #d10204 100%);
}
.btn-pack.dark {
	color:#fff;	
	border:1px solid #676767; border-bottom-color:#4c4c4c;
	box-shadow:inset 0px -1px 0px #6b6b6b,0px 1px 1px #f0f0f0;
	background:#7d7d7d;
	background:-webkit-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
	background:-moz-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
	background:-ms-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
	background:-o-linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
	background:linear-gradient(top, #7d7d7d 0%, #6b6b6b 100%);
}
.btn-pack.medium {height:26px;padding:0 13px;line-height:24px;font-size:12px;font-weight:700;}
.btn-pack.large {height:32px;padding:0 18px;line-height:30px;font-size:14px;font-weight:700;}
.btn-pack.xlarge {height:38px;padding:0 23px;line-height:36px;font-size:16px;font-weight:700;}
.btn-pack.small {height:21px;padding:0 10px;line-height:19px;font-size:11px;}
.btn-pack.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
.btn-pack:hover,
.btn-pack:active,
.btn-pack:focus{color:#000}
.btn-pack.focus:hover,
.btn-pack.focus:active,
.btn-pack.focus:focus{color:#fff}
.btn-pack.dark:hover,
.btn-pack.dark:active,
.btn-pack.dark:focus{color:#fff}
input.btn-pack.medium ,button.btn-pack.medium {*height:28px;}
input.btn-pack.large ,button.btn-pack.large {*height:34px;}
input.btn-pack.xlarge ,button.btn-pack.xlarge {*height:40px;}
input.btn-pack.small ,button.btn-pack.small {*height:23px;}

/* 페이지목록 */
.paginate {margin:20px 0;text-align:center;line-height:normal;}
.paginate a,  
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;width:25px;height:25px;border:1px solid #ddd;margin:0;padding:0;
font-weight:700;font-size:13px;line-height:25px;letter-spacing:-1px;color:#777;background-color:#fff;text-decoration:none;vertical-align:middle;border-radius:2px;}  
.paginate a:hover,  
.paginate a:active,  
.paginate a:focus{background-color:#f8f8f8;}  
.paginate strong{color:#ff6000;border:1px solid #ff6000;}  
.paginate a.direction{padding:0; background-image:url('../images/bbs/paginate.gif');}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-position:0 50%;}
.paginate a.direction.prev {background-position:-25px 50%;margin-right:10px;}
.paginate a.direction.next {background-position:-50px 50%;margin-left:10px;}
.paginate a.direction.last {background-position:-75px 50%;}
.paginate a.direction.disabled {cursor:not-allowed;opacity:.4;filter:alpha(opacity=40);}
.paginate a.direction.disabled:hover,
.paginate a.direction.disabled:active,  
.paginate a.direction.disabled:focus{background-color:#fff;} 

/* 제품소개 */
.product-list {margin:0 -10px;}
.product-list ul {border-top:1px solid #d9d9d9;}
.product-list li {border-bottom:1px solid #d9d9d9;}
.product-list li > a {display:block; overflow:hidden;}
.product-list li .thumb {float:left; width:30%; height:150px;}
.product-list li .thumb img {display:block; width:80%; margin:0 auto; vertical-align:middle;}
.product-list li .info {float:right; width:70%;}
.product-list li .info dl {padding:10px 10px 10px 0;}
.product-list li .info dt {color:#3c4fad; font-weight:700; font-size:100%; margin-bottom:10px;}
.product-list li .info dd {color:#484747; font-size:80%;}


/* 문의 */
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #656565;}
.mailform table tbody th {padding:5px; height:24px; border-bottom:1px solid #d8d8d8; background:#f7f7f7; font-size:12px; text-align:left;}
.mailform table tbody td {padding:5px; border-bottom:1px solid #d8d8d8; font-size:12px;}
.mailform img {vertical-align:middle;}
.form-agree {position:relative; margin-top:25px;}
.form-agree .btn {position:absolute; top:0; right:0; font-size:11px;}
.form-agree dt {font-size:12px; font-weight:700; color:#333; line-height:normal;}
.form-agree dd {padding:8px 0 0 0; font-size:12px;}
.form-agree .scroll_box {height:80px; border:1px solid #d8d8d8; font-size:11px; line-height:18px; background:#f7f7f7; color:#666; padding:10px; overflow:auto;}
.form-title {height: 20px;overflow: hidden;}
.form-title .caption {float: right; line-height: 20px;font-size: 12px;}
.form-title .caption span {color: #d70244;}
.mailform table tbody th span {color: #d70224;}