@charset "utf-8";

dl,dt,dd{margin:0;padding:0}
table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}

/* 검색 */
.board-search {*zoom:1; max-width:1000px; margin:0 auto 10px;}
.board-search:after {content:" "; display:block; clear:both;}
.board-search .total-page {float:left; line-height:28px;}
.board-search .search {float:right; text-align:right;}
.board-search .search * {vertical-align:top;}
.board-search .search .select {width:90px;}
.board-search .search .input {width:130px;}
.board-search .search .btn {padding:0 12px;height:26px;line-height:24px;font-size:12px;font-weight:700;}

/* 리스트 */
.board-list {max-width:1000px; margin:0 auto;}
.board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #666;}
.board-list table thead th {height:34px; background:#f7f7f7; border-bottom:1px solid #d8d8d8; color:#333; font-size:13px;}
.board-list table tbody td {padding:8px 0; border-bottom:1px solid #d8d8d8; text-align:center; font-size:12px; line-height:18px; color:#767676;}
.board-list table tbody td.no {font-family:Tahoma; font-size:11px; color:#555;}
.board-list table tbody td.subject {text-align:left; padding-left:10px;}
.board-list table tbody td.name {font-weight:700;}
.board-list table tbody td.date,
.board-list table tbody td.hit {font-family:Tahoma; font-size:11px; color:#999;}
.board-list table tbody td img {vertical-align:middle;}
.board-list table tbody td a {text-decoration:none;}
.board-list table tbody tr:hover td {background-color:#fafafa;}
.board-list .label {display:inline-block;zoom:1;*display:inline;color:#fff;background:#ff6000;font-family:"Nanum Gothic";font-weight:700;padding:0 4px;border-radius:2px;}
.board-list .comment {color:#ff6000;font-family:Tahoma;font-size:11px;}
.board-list .f-black {color:#555}

.gallery-list {max-width:1000px; padding-top:20px; border-top:2px solid #535353; border-bottom:1px solid #d8d8d8; margin:0 auto; overflow:hidden;}
.gallery-list ul{*zoom:1; width:920px;}
.gallery-list ul:after {content:" "; display:block; clear:both;} 
.gallery-list ul li {float:left; display:inline; width:250px; height:240px; margin:0 45px 0 0; overflow:hidden;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .thumb {width:250px; height:167px; line-height:0; text-align:center;  overflow:hidden; margin-bottom:8px;}
.gallery-list ul li .thumb a {width:250px; height:167px;}
.gallery-list ul li .date {color:#999; font-size:12px;}

.news-list {max-width:1000px; margin:0 auto; border-top:1px solid #d8d8d8;}
.news-list ul li {*zoom:1; padding:20px 10px 20px 200px; border-bottom:1px solid #d8d8d8;}
.news-list ul li:after {content:" "; display:block; clear:both;}
.news-list ul li .thumb {float:left; margin-left:-200px;}
.news-list ul li dl dt {font-size:16px; font-weight:700; line-height:22px; padding:3px 0;}
.news-list ul li dl dt a {color:#333;}
.news-list ul li dl dd {padding:7px 0;}
.news-list ul li img {vertical-align:middle;}

.event-list {max-width:1000px; margin:0 auto; border-top:1px solid #d8d8d8;}
.event-list ul li {*zoom:1; padding:20px 10px 20px 320px; border-bottom:1px solid #d8d8d8;}
.event-list ul li:after {content:" "; display:block; clear:both;}
.event-list ul li .thumb {float:left; margin-left:-320px;}
.event-list ul li dl dt {font-size:16px; font-weight:700; line-height:22px; padding:3px 0;}
.event-list ul li dl dt a {color:#333;}
.event-list ul li dl dd {padding:7px 0;}
.event-list ul li img {vertical-align:middle;}

.faq {max-width:1000px; margin:0 auto; border-top:2px solid #666;}
.faq dl {border-bottom:1px solid #d8d8d8;}
.faq dt {height:34px; line-height:34px; font-weight:bold; border-top:1px solid #d8d8d8;}
.faq dt a {display:block; color:#333; background:url('../images/bbs/faq_q.png') 11px 50% no-repeat; padding:0 0 0 70px; text-decoration:none;}
.faq dd {display:none; border-top:1px dotted #d8d8d8; background:#f7f7f7 url('../images/bbs/faq_a.png') 11px 12px no-repeat; padding:10px 20px 20px 70px;}

.calendar {max-width:1000px; margin:0 auto;}
.calendar .head {position:relative; height:60px; text-align:center;}
.calendar .head span {font-size:35px; letter-spacing:-1px; color:#333; line-height:normal; margin:0 auto;}
.calendar .head .btn {position:absolute; top:15px; display:inline-block; height:22px; font-size:14px; line-height:22px; color:#343434; text-decoration:none;}
.calendar .head .btn:hover {color:#888;}
.calendar .head .btn-prev {left:0; background:url('../images/bbs/cal_bt_prev.png') 0 0 no-repeat; padding-left:30px;}
.calendar .head .btn-next {right:0; background:url('../images/bbs/cal_bt_next.png') 100% 0 no-repeat; padding-right:30px;}
.calendar .body {width:100%; margin:0 auto;}
.calendar .body table {width:100%; border-collapse:collapse; border-spacing:0px;}
.calendar .body table thead th {height:40px; font-size:14px; color:#777; border:1px solid #d8d8d8;
	background:#f8f8f9;
	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%);
}
.calendar .body table thead th.sun {color:#f20000;}
.calendar .body table thead th.week {color:#777;}
.calendar .body table thead th.sat {color:#0073cb;}
.calendar .body table tbody td {padding:8px; height:80px; vertical-align:top; border:1px solid #d8d8d8;}
.calendar .body table tbody td:hover {
	background:#fafafa;
	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%);
}
.calendar .body table tbody td .day {height:18px; font-size:12px; font-weight:700; line-height:normal; padding-bottom:4px;}
.calendar .body table tbody td.sun .day {color:#f20000;}
.calendar .body table tbody td.week .day {color:#999;}
.calendar .body table tbody td.sat .day {color:#0073cb;}
.calendar .body table tbody td ul li {color:#999; padding:4px 0; font-size:12px; line-height:16px;}

/* 글작성 */
.board-write {max-width:1000px; border-top:2px solid #666; border-bottom:1px solid #aaa; padding:5px 0; margin:0 auto;}
.board-write .group {position:relative; padding:6px 0 6px 100px; font-size:13px; line-height:26px; border-top:1px solid #eee; overflow:hidden;}
.board-write .group.first {border-top:0;}
.board-write .group.content {padding-left:0;}
.board-write .group img {vertical-align:middle;}
.board-write .title {position:absolute; left:10px; top:6px; width:95px; font-weight:700; color:#333;}
.board-write .files_table {width:100%; border-collapse:collapse; border-spacing:0px;}
.board-write .files_table td {padding:0 0 5px 0;}
.board-write .files_table input[type=file]{margin-right:10px;}

/* 상세보기 */
.board-view {max-width:1000px; margin:0 auto;}
.board-view .head {border-top:2px solid #666;}
.board-view .head .tit {color:#333; font-size:14px; line-height:1.3em; padding:10px 10px; background:#f7f7f7; border-bottom:1px solid #eee;}
.board-view .head .info {*zoom:1; padding:10px 10px; color:#767676; font-size:12px; line-height:normal; border-bottom:1px solid #ccc;}
.board-view .head .info:after {content:" "; display:block; clear:both;}
.board-view .head .info .name {float:left;}
.board-view .head .info .date {float:left; border-left:1px solid #dedede; padding-left:10px; margin-left:10px;}
.board-view .head .info .hit {float:right;}
.board-view .head .info .hit strong {margin-right:5px;}
.board-view .head .info strong {color:#333;}
.board-view .head .files {position:relative; text-align:right; padding:10px 0 0;}
.board-view .head .files > a {text-decoration:none;}
.board-view .head .files .ico-down {vertical-align:middle; margin-left:4px;}
.board-view .head .files .num {color:#ff4e00;}
.board-view .head .files .fileLayer {display:none; position:absolute; top:32px; right:0; text-align:left; font-size:12px; line-height:24px; border:1px solid #f0f0f0; background:#f7f7f7; padding:9px 29px 9px 11px; z-index:5;}
.board-view .head .files .fileLayer a {display:block; text-decoration:none;}
.board-view .head .files .fileLayer .divClose {position:absolute; display:inline-block; top:5px; right:5px; line-height:0;}
.board-view .body {padding:20px 10px; border-bottom:1px solid #d8d8d8;}

/* 이전글,다음글 */
.prev_next {max-width:1000px; margin:0 auto; padding:3px 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.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 {*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 #1063c0; border-bottom-color:#1c6ecb;
	box-shadow:inset 0px -1px 0px #1c6ecb,0px 1px 1px #f0f0f0;
	background:#165aa7;
	background:-webkit-linear-gradient(top, #1c6ecb 0%, #165aa7 100%);
	background:-moz-linear-gradient(top, #1c6ecb 0%, #165aa7 100%);
	background:-ms-linear-gradient(top, #1c6ecb 0%, #165aa7 100%);
	background:-o-linear-gradient(top, #1c6ecb 0%, #165aa7 100%);
	background:linear-gradient(top, #1c6ecb 0%, #165aa7 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'); background-repeat:no-repeat;}
.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;} 

/* 코멘트 */
.comment-title {position:relative; color:#333; font-size:15px; line-height:20px; margin:0 0 10px}
.span-right {position:absolute; top:5px; right:0; font-size:11px; color:#7b7b7b}
.comment-area {max-width:960px; margin:20px auto 0; padding:20px; background:#f7f7f7; margin:0 0 10px; border-top:1px solid #dbdbdb}
.comment-list li {position:relative; padding:10px; border-bottom:1px dotted #d8d8d8;}
.comment-list li .info .name {font-size:13px; font-weight:700; color:#1d6fcb;}
.comment-list li .info .date {font-size:11px; font-family:Tahoma; color:#767676; margin:0 4px;}
.comment-list li .info .reply {font-size:11px; color:#333; margin:0 5px;}
.comment-list li .info .reply a {text-decoration:underline}
.comment-list li .info .reply img {vertical-align:middle;}
.comment-list li .txt {color:#555; font-size:13px; line-height:18px; padding:4px 0 0 0;}
.comment-list li .controll {position:absolute; top:10px; right:10px; font-size:11px; color:#dddddd;}
.comment-list li .controll a {color:#767676; margin:0 4px;}
.comment-write .write {position:relative; height:70px; padding:0 120px 0 0;}
.comment-write .write textarea {width:99%; height:50px; background:#fff; border:1px solid #d8d8d8; overflow-y:auto;}
.comment-write .btn {position:absolute; top:0; right:0;}


.comment-list2 ul {width:100%; max-width:960px; border-top:2px solid #c2c2c2}
.comment-list2 li {position:relative; padding:10px; border-bottom:1px dotted #d8d8d8;}
.comment-list2 li .info .name {font-size:13px; font-weight:700; color:#1d6fcb;}
.comment-list2 li .date {font-size:11px; font-family:Tahoma; color:#767676; margin:0 4px;}
.comment-list2 li .txt {color:#555; font-size:13px; line-height:18px; padding:4px 0 0 0;}
.comment-list2 li .controll {position:absolute; top:10px; right:10px; font-size:11px; color:#dddddd;}
.comment-list2 li .controll a {color:#767676; margin:0 4px;}

/* 비밀번호 */
.board-password {width:460px; text-align:center; margin:0 auto; background:url('../images/bbs/notice.png') 50% 22px no-repeat; padding:90px 10px 40px; border:7px solid #eee; border-radius:12px;}
.board-password dl dt {color:#333; font-size:16px; font-weight:700; padding-bottom:20px;}
.board-password dl dd label {color:#666; font-size:13px; font-weight:700; margin-right:10px;}

/* 문의 */
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #666;}
.mailform table tbody th {padding:8px 10px; height:26px; border-bottom:1px solid #d8d8d8; text-align:left;}
.mailform table tbody td {padding:8px 20px; border-bottom:1px solid #d8d8d8;}
.mailform table tbody tr.bg {background:#f4fafd}
.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:14px; font-weight:700; color:#333; line-height:normal;}
.form-agree dd {padding:8px 0 0 0;}
.form-agree .scroll_box {height:80px; border:1px solid #d8d8d8; font-size:11px; line-height:18px; background:#f7f7f7; color:#666; padding:10px; overflow:auto;}

/* 제품 */
.product-list {display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; max-width:1000px; margin:0 auto 40px;}
.product-list .item {display:flex; gap:16px; padding:20px; background:#fff; box-shadow:0px 3px 8px 0px rgba(0, 0, 0, 0.16);}
.product-list .img {width:108px; text-align:center;}
.product-list .img img {max-width:100%;}
.product-list .cnt {flex:1 1 auto; min-width:0; width:1%; color:#555; font-size:12px; line-height:1.65em;}
.product-list .cnt .txt {height:calc(1.65em * 4); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.product-list .cnt .more {margin-top:16px; text-align:right; color:#145cd4; line-height:1em; font-weight:700;}
.product-list .cnt .more:after {content:''; display:inline-block; width:14px; height:8px; background:url('/images/sub/more-arrow.png') 100% 50% no-repeat;}

.product-detail {max-width:1000px; margin:0 auto 30px;}
.product-detail .head {display:flex; padding:10px; color:#222; font-weight:700; font-size:13px; line-height:1.5em; text-align:center; border-top: 2px solid #2b54a3; border-bottom: 1px solid #9cabc9; background:-webkit-linear-gradient(top, #fefefe 0%, #f8f8f8 100%);}
.product-detail .head .col {width:100%}
.product-detail .head .col:nth-child(1) {width:240px;}
.product-detail .head .col:nth-child(2) {flex:1 1 auto; min-width:0; width:1%;}
.product-detail .body {display:flex; border-bottom:1px solid #bbb;}
.product-detail .img-area {width:240px; padding:15px 19px; text-align:center; box-sizing:border-box; border-right:1px solid #bbb;}
.product-detail .img-area img {max-width:100%;}
.product-detail .list-area {display:flex; flex:1 1 auto; min-width:0; width:1%;}
.product-detail .list-area > div {width:50%; box-sizing:border-box;}
.product-detail .list-area ul {margin-bottom:-1px;}
.product-detail .list-area ul li {border-bottom:1px solid #bbb;}
.product-detail .list-area ul li a {display:block; max-width:100%; padding:10px 12px; color:#666; font-size:13px; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;}
.product-detail .list-area ul li a:hover {background:#e0f1ff; color:#1771d3;}
.product-detail .depth-1 {border-right:1px solid #bbb;}
.product-detail .depth-1 ul li a:before {content:''; display:inline-block; vertical-align:middle; width:13px; min-width:13px; height:10px; background:url('/images/sub/arrow-off.png') 0 50% no-repeat;}
.product-detail .depth-1 ul li.active a {background:#e0f1ff; color:#1771d3;}
.product-detail .depth-1 ul li a:hover::before,
.product-detail .depth-1 ul li.active a:before {background-image:url('/images/sub/arrow-on.png');}
.product-detail .depth-2 .list {display:none; background:#f6fbff;}
.product-detail .depth-2 ul li a:before {content:'ㆍ';}

/* 매장검색 */
.store-search {*zoom:1; max-width:1000px; position:relative; border:1px solid #d8d8d8; border-radius:5px; padding:30px 0; margin:0 auto 30px;}
.store-search:after {content:" "; display:block; clear:both;}
.store-search .map-area {float:left; position:relative; width:50%;}
.store-search .map-area .txt {position:absolute; top:0; left:30px; font-size:13px; line-height:20px; color:#777;}
.store-search .map-area .map {padding:26px 30px 0 0; text-align:right;}
.store-search .search-area {float:right; width:48%; padding:30px 0 0 0;}
.store-search .search-area h3 {color:#333; font-size:25px; font-weight:700; letter-spacing:-1px; line-height:normal; padding-bottom:10px;}
.store-search .search-area dl {padding-top:25px;}
.store-search .search-area dl dt {color:#333; font-size:14px; font-weight:700; line-height:normal;}
.store-search .search-area dl dd {padding:10px 0 0 0;}

/* 상품후기 */
.review-list-info {*zoom:1; text-align:left; padding:7px 0 7px 105px;}
.review-list-info:after {content:" "; display:block; clear:both;}
.review-list-info .img {float:left; margin-left:-95px; line-height:0;}
.review-list-info .bbs-tit {color:#000; font-size:13px; font-weight:700; line-height:18px;}
.review-list-info .bbs-tit a {color:#000;}
.review-list-info .bbs-txt {min-height:32px; _height:32px; color:#767676; font-size:12px; line-height:16px; padding:4px 0; border-bottom:1px dotted #d8d8d8;}
.review-list-info .prd-name {color:#666; font-size:12px; font-weight:700; line-height:18px; padding:4px 0 0 0;}
.review-list-info .prd-name a {color:#666;}
.review-list-info .prd-opt {color:#4d6ccd; font-size:11px; line-height:14px;}

.review-view-info {*zoom:1; background:#f8f8f8; border:1px solid #eee; padding:25px 25px 25px 155px; margin-bottom:30px;}
.review-view-info:after {content:" "; display:block; clear:both;}
.review-view-info .img {float:left; margin-left:-130px; line-height:0;}
.review-view-info .tit {color:#333; font-size:13px; line-height:18px; padding:2px 0 0 0;}
.review-view-info .tit a {color:#333;}
.review-view-info .price {color:#333; font-size:13px; font-weight:700; line-height:18px; padding:2px 0 0 0;}
.review-view-info .opt {color:#4d6ccd; font-size:11px; line-height:18px; padding:2px 0 0 0;}
.review-view-info .grade {color:#333; font-size:12px; font-weight:700; padding:12px 0 0 0;}
.review-view-info .grade .grade-star {margin-left:10px;}

/* Suppliers */
.suppliers-list {max-width:1000px; margin:0 auto;}
.suppliers-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #2b54a3;}
.suppliers-list table thead th {height:37px;border-bottom:1px solid #9cabc9; color:#222; font-size:13px; 
	background:#fafbfb;
	background:-webkit-linear-gradient(top, #fefefe 0%, #f8f8f8 100%);
	background:-moz-linear-gradient(top, #fefefe 0%, #f8f8f8 100%);
	background:-ms-linear-gradient(top, #fefefe 0%, #f8f8f8 100%);
	background:-o-linear-gradient(top, #fefefe 0%, #f8f8f8 100%);
	background:linear-gradient(top, #fefefe 0%, #f8f8f8 100%);
}
.suppliers-list table tbody td {padding:15px 0; border-bottom:1px solid #bbb; text-align:center; font-size:13px; line-height:18px; color:#666; /* vertical-align:top; */}
.suppliers-list table tbody td.ver-top {vertical-align:top;}
.suppliers-list table tbody td.subject {text-align:left; padding-left:10px;}
.suppliers-list table tbody td img {vertical-align:top;}
.suppliers-list table tbody td li {font-size:13px; line-height:25px; }
.suppliers-list table tbody td li a {display:block; color:#666; background:url('/images/bbs/sup_dot_off.png') 10px 13px no-repeat; padding-left:20px;}
.suppliers-list table tbody td li a:hover {display:block; color:#1771d3; font-weight:700; background:#e0f1ff url('/images/bbs/sup_dot_on.png') 10px 13px no-repeat; padding-left:20px;}
.suppliers-list .thumb {margin:0 0 10px;}

/* product */
.pro-list {width:100%; border-top:2px solid #2b54a3; border-bottom:1px solid #bbb;}
.pro-list ul {padding-top:30px}
.pro-list li {*zoom:1; width:100%; margin-bottom:30px; padding-bottom:30px;}
.pro-list li:after {content:" "; display:block; clear:both;}

.photo-img {float:left; position:relative; width:360px;}
.photo-img .thumb {position:relative; width:358px; height:228px;  border:1px solid #bbb; z-index:10;}
.photo-img .s-thumb {position:absolute; top:230px; left:0; width:100%; height:60px; border-bottom:1px solid #bbb; padding-top:0}
.photo-img .s-thumb li {float:left; cursor:pointer; width:89px; height:60px; font-size:0; line-height:0; border-right:1px solid #bbb; margin-bottom:0; padding-bottom:0}
.photo-img .s-thumb li:first-child {width:88px; border-left:1px solid #bbb}

.pro-list .info {float:right; width:370px; margin:0 20px;}
.pro-list .pro-title {color:#0e3173; font-size:18px; line-height:20px; border-bottom:1px solid #ccc; padding-bottom:20px; margin:0 0 30px;}
.pro-list .pro-detail {color:#444; margin:0 0 30px;}

/* Achievement */
.achievement-list {max-width:1000px; margin:0 auto; border-top:2px solid #2b54a3;}
.achievement-list .head {display:flex; padding:10px; color:#222; font-weight:700; font-size:13px; line-height:1.5em; text-align:center; border-bottom: 1px solid #9cabc9; background:-webkit-linear-gradient(top, #fefefe 0%, #f8f8f8 100%);}
.achievement-list .head .col {width:100%}
.achievement-list .head .col:nth-child(1) {width:220px;}
.achievement-list .head .col:nth-child(2) {flex:1 1 auto; min-width:0; width:1%;}
.achievement-list li {display:flex; padding:20px; border-bottom:1px solid #ccc;}

.achievement-list .thumb {width:200px; margin-right:40px;}
.achievement-list .thumb img {width:100%;}
.achievement-list .info {flex:1 1 auto; min-width:0; width:1%;}
.achievement-list .info dt {color:#2d6bc9; font-size:17px; line-height:20px; font-weight:700; margin-bottom:10px;}
.achievement-list .info dd {color:#444; font-size:14px; line-height:22px; background:url('/images/sub/sub_dot.gif') 0 10px no-repeat; padding-left:10px;}