@charset "utf-8"; 

dl,dt,dd{ margin:0; padding:0}
fieldset legend { position:absolute; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-999em; }

/* 검색 */
.board-search { *zoom:1; max-width:1200px; margin:0 auto 10px; }
.board-search:after { content:" "; display:block; clear:both; }
.board-search .total-page { float:left; margin-top:13px; font-size:14px; line-height:22px; }
.board-search .search { float:right; }
.board-search .search .select { min-width:113px; background:#fafafa; }
.board-search .search .input { width:200px; }
.board-search .search .btn-pack { padding:0 17px; height:35px; color:#fff; font-size:14px; line-height:33px; background:#555; border-color:#555; }

/* 리스트 */
.board-list { max-width:1200px; margin:0 auto; }
.board-list table { width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #868686; }
.board-list.list2 table { border-top:2px solid #3693b0; }
.board-list table thead th { height:45px; border-bottom:1px solid #ddd; color:#454545; font-weight:500; background:#f5f5f5; }
.board-list.list2 table thead th { border-bottom:1px solid #3693b0; background:#fff; }
.board-list table tbody td { padding:0; border-bottom:1px solid #ddd; font-size:14px; font-weight:300; line-height:22px; color:#555; }
.board-list table tbody td.subject { text-align:left; padding-left:15px; }
.board-list table tbody td img { vertical-align:middle; }
.board-list table tbody td a { text-decoration:none; color:inherit; }
.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-weight:500; padding:0 6px; font-size:11px; line-height:20px; border-radius:2px; }
.board-list .comment { color:#ff6000; font-family:Tahoma; font-size:11px; }
.ex-list .thumb { width:260px; height:auto; border:1px solid #ddd; overflow:hidden; margin-bottom:10px; }

.gallery-list { max-width:1200px; padding-top:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 auto; overflow:hidden; }
.gallery-list ul{ *zoom:1; margin:0 -11px; }
.gallery-list ul:after { content:" "; display:block; clear:both; } 
.gallery-list ul li { float:left; width:25%; text-align:center; font-size:14px; color:#555; font-weight:300; line-height:1.4em; padding:0 11px; margin-bottom:20px; box-sizing:border-box; }
.gallery-list ul li:nth-child(4n+1) { clear:left; }
.gallery-list ul li a { display:block; text-decoration:none; }
.gallery-list ul li .thumb { height:116px; border:1px solid #ddd; overflow:hidden; margin-bottom:15px; }
.gallery-list ul li .tit { margin-bottom:5px; }
.gallery-list ul li .date { font-size:12px; color:#777}

.news-list { max-width:1200px; margin:0 auto; border-top:2px solid #898989; }
.news-list ul li { *zoom:1; padding:20px 0; border-bottom:1px solid #ddd; }
.news-list ul li:after { content:" "; display:block; clear:both; }
.news-list ul li .thumb { float:left; width:180px; }
.news-list ul li dl { margin-left:200px; }
.news-list ul li dl dt { color:#333; font-size:16px; font-weight:500; line-height:24px; }
.news-list ul li dl dd { padding:7px 0; }
.news-list ul li img { vertical-align:middle; }
.news-list ul li.none { padding:70px 0; text-align:center; color:#999; font-size:14px; line-height:22px; }

.event-list { max-width:1200px; margin:0 auto; border-top:2px solid #898989; }
.event-list ul li { *zoom:1; padding:20px 0; border-bottom:1px solid #ddd; }
.event-list ul li:after { content:" "; display:block; clear:both; }
.event-list ul li .thumb { float:left; width:300px; }
.event-list ul li dl { margin-left:320px; }
.event-list ul li dl dt { color:#333; font-size:16px; font-weight:500; line-height:24px; }
.event-list ul li dl dd { padding:7px 0; }
.event-list ul li img { vertical-align:middle; }
.event-list ul li.none { padding:70px 0; text-align:center; color:#999; font-size:14px; line-height:22px; }
.event-list .label { display:inline-block; zoom:1; *display:inline; min-width:45px; text-align:center; color:#fff; background:#ff6000; font-weight:400; padding:2px 10px; font-size:14px; line-height:22px; border-radius:4px; }
.event-list .label.on { background:#ff3d3d; }
.event-list .label.off { background:#999; }

.faq { max-width:1200px; margin:0 auto 38px; border-top:1px solid #c0c0c0; }
.faq li { border-bottom:1px solid #c0c0c0; }
.faq .tit { position:relative; background:url("../images/bbs/faq_q.png") 13px 50% no-repeat; }
.faq .tit:after { content:""; display:block; position:absolute; top:50%; margin-top:-8px; left:44px; width:1px; height:17px; background:#e1e1e1; }
.faq .tit a { position:relative; display:block; padding:13px 60px; overflow:hidden; color:#333; font-size:14px; font-weight:400; line-height:22px; text-decoration:none !important; }
.faq .tit .icon { position:absolute; top:15px; right:25px; width:16px; height:20px; background:url("../images/bbs/faq_off.png") 50% 50% no-repeat; }
.faq .cnt { display:none; position:relative; padding:14px 25px 14px 20px; background:#fafafa; color:#777; font-size:14px; font-weight:300; line-height:26px; }
.faq .cnt .buttons { margin-bottom:0; }
.faq li.active .tit { background-color:#fff; border-bottom:1px solid #c0c0c0}
.faq li.active .tit .icon { background-image:url("../images/bbs/faq_on.png"); }
.faq .none { padding:70px 0; text-align:center; color:#999; }

.calendar { max-width:1200px; 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:18px; display:inline-block; height:22px; font-size:16px; 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; font-weight:500; color:#333; 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; }
.calendar .body table tbody td .day { height:18px; font-size:14px; font-weight:500; 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:14px; line-height:22px; }

/* 글작성 */
.board-write { max-width:1200px; border-top:2px solid #898989; margin:0 auto; }
.board-write .group { position:relative; padding:9px 0 9px 110px; font-size:14px; line-height:35px; border-bottom:1px solid #eee; overflow:hidden; }
.board-write .group:last-child { border-color:#ddd; }
.board-write .group.content { padding-left:0; }
.board-write .group img { vertical-align:middle; }
.board-write .title { position:absolute; left:8px; top:9px; width:95px; font-size:14px; font-weight:400; 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; }
.cheditor-tb-wrapper { height:auto !important; }

/* 상세보기 */
.board-view { max-width:1200px; margin:0 auto; }
.board-view .head { border-top:2px solid #898989; }
.board-view .head .tit { color:#333; font-size:16px; font-weight:400; line-height:1.3em; padding:13px 15px; background:#f7f7f7; border-bottom:1px solid #ddd; }
.board-view .head .info { *zoom:1; padding:12px 15px; color:#767676; font-size:14px; line-height:normal; border-bottom:1px solid #ddd; }
.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; font-weight:400; }
.board-view .head .files { position:relative; text-align:right; padding:10px 0 0; font-size:13px; }
.board-view .head .files > a { text-decoration:none; }
.board-view .head .files img { vertical-align:middle; }
.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 15px; border-bottom:1px solid #ddd; }
.board-view .body img { width:auto !important; height:auto !important; max-width:100%; }

.video-wrap { max-width:600px; margin:0 auto; }
.video-container { position:relative; height:0; padding-bottom:56.21%; overflow:hidden; }
.video-container iframe,
.video-container video { position:absolute; top:0; left:0; width:100%; height:100%; }

/* 이전글,다음글 */
.prev_next { max-width:1200px; margin:0 auto; font-size:14px; line-height:22px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.prev_next dl { width:100%; overflow:hidden; clear:both; }
.prev_next dt { float:left; width:90px; color:#333; text-align:center; padding:10px 20px 10px 10px; }
.prev_next dd { margin-left:120px; padding:8px 0; }
.prev_next .prev { border-bottom:1px solid #eee; }
.prev_next .prev dt { background:url('../images/bbs/arrow_up.gif') 75% 50% no-repeat; }
.prev_next .next dt { background:url('../images/bbs/arrow_down.gif') 75% 50% no-repeat; }

/* 버튼 */
.buttons { *zoom:1; max-width:1200px; margin:30px auto; }
.buttons:after { content:" "; display:block; clear:both; }
.buttons .cen { text-align:center; }
.buttons .cen .btn-pack { margin:0 5px; }
.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 15px; background:#fff; color:#4d4d4d; border:1px solid #a6a7a7; text-align:center; text-decoration:none !important; vertical-align:top; white-space:nowrap; cursor:pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.btn-pack.btn1 { border:1px solid #467cc7; width:127px; line-height:42px; background:url('../images/sub/btn.png') 50% 50% no-repeat; text-indent:-9999px;  box-shadow: 2px 2px 2px 0px rgba(205,205,205,1); -webkit-box-shadow: 2px 2px 2px 0px rgba(205,205,205,1); }
.btn-pack.btn2 { color:#fff; background:#191c3a; border-color:#191c3a; padding:0 20px; line-height:40px; font-size:20px; font-weight:500; }
.btn-pack.dark { background:#555; border:1px solid #555;  color:#fff; }
.btn-pack.medium { height:35px; padding:0 12px; line-height:33px; font-size:14px; }
.btn-pack.large { height:40px; padding:0 28px; line-height:38px; font-size:15px; }
.btn-pack.xlarge { height:45px; padding:0 30px; line-height:43px; font-size:16px; font-weight:400; }
.btn-pack.small { height:30px; padding:0 10px; line-height:28px; font-size:13px; }
.btn-pack.comment { width:110px; height:62px; padding:0; line-height:60px; font-size:18px; font-weight:400; }
.btn-pack.submit { width:110px; height:40px; border:0; background:#0072bc; border:1px solid #0072bc; color:#fff; font-size:15px; font-weight:400; }
.btn-pack.cancel { width:110px; height:40px; border:0; background:#fff; border:1px solid #a6a7a7; color:#4d4d4d; font-size:15px; font-weight:400; }
.btn-map { display:inline-block; padding:0 15px; text-align:center; vertical-align:middle; color:#7b7b7b; font-size:14px; line-height:29px; text-decoration:none !important; border:1px solid #bbb; border-radius:4px; }
.btn-map:hover { color:#fff; background:#555; border-color:#555; }

/* 페이지목록 */
.paginate { margin:20px 0; text-align:center; line-height:normal; }
.paginate a,  
.paginate strong{ display:inline-block; zoom:1; *display:inline; position:relative; padding:0; margin:0 1px; width:34px; height:34px; background-color:#fafafa; border:1px solid #ccc; font-size:14px; font-weight:400; line-height:32px; color:#555; text-decoration:none; text-align:center; vertical-align:middle; }  
.paginate strong{ color:#fff; border-color:#555; background-color:#555; }  
.paginate a.direction{ background-position:50% 50%; background-repeat:no-repeat; }
.paginate a.direction span { font-size:0; line-height:0; text-indent:-999px; }
.paginate a.direction.first { background-image:url("../images/bbs/btn_first.png"); }
.paginate a.direction.prev { background-image:url("../images/bbs/btn_prev.png"); }
.paginate a.direction.next { background-image:url("../images/bbs/btn_next.png"); }
.paginate a.direction.last { background-image:url("../images/bbs/btn_last.png"); }
.paginate a.direction.disabled { display:none; }

/* 코멘트 */
.comment-area { max-width:1200px; margin:20px auto 0; padding:20px; background:#f7f7f7; box-sizing:border-box; }
.comment-list li { position:relative; padding:10px; border-bottom:1px dotted #ccc; }
.comment-list li .info .name { font-size:14px; font-weight:400; color:#333; }
.comment-list li .info .date { font-size:13px; font-family:Tahoma; color:#767676; margin:0 4px; }
.comment-list li .txt { color:#555; font-size:14px; line-height:22px; padding:4px 0 0 0; }
.comment-list li .controll { position:absolute; top:10px; right:10px; font-size:13px; 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:100%; height:60px; background:#fff; border:1px solid #ccc; overflow-y:auto; }
.comment-write .btn { position:absolute; top:0; right:0; }

/* 비밀번호 */
.board-password { max-width:460px; text-align:center; margin:0 auto; background:url('../images/bbs/notice.png') 50% 25px no-repeat; padding:95px 15px 35px; border:5px solid #eee; border-radius:10px; }
.board-password dl dt { color:#333; font-size:15px; font-weight:500; padding-bottom:20px; }
.board-password dl dd label { color:#555; font-size:14px; font-weight:300; margin-right:10px; }

/* 문의 */
.mailform h3 { margin-bottom:10px; font-size:18px; font-weight:300; line-height:28px; color:#555}
.mailform h3:before { content:""; display:inline-block; width:24px; height:20px; vertical-align:middle; margin:-.2em 5px 0 0; }
.mailform > table { width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #3e4f5c; border-bottom:2px solid #3e4f5c; }
.mailform > table tbody th { height:35px; font-size:14px; font-weight:550; line-height:20px; text-align:left; color:#555; border-bottom:1px solid #dedede; border-right:1px solid #dedede; }
.mailform > table tbody td { padding:0 5px; color:#555; font-size:14px; font-weight:400; line-height:22px; border-bottom:1px solid #dedede; }
.mailform table tbody td .num { display:inline-block; box-shadow: 2px 2px 2px 0px rgba(205,205,205,1); -webkit-box-shadow: 2px 2px 2px 0px rgba(205,205,205,1); }
.mailform table tbody td .num a { display:inline-block; width:82px; text-align:center; border:1px solid #467cc7; font-size:14px; font-weight:500; color:#000; line-height:23px; vertical-align:middle; box-shadow:0px -15px 14px -7px rgba(222,222,222,1) inset; -webkit-box-shadow:0px -15px 14px -7px rgba(222,222,222,1) inset; text-decoration:none; }
.mailform img { vertical-align:middle; }
.form-agree { position:relative; margin-top:25px; }
.form-agree .btn { position:absolute; top:6px; right:0; font-size:14px; font-weight:300; color:#999}
.form-agree dt { font-size:18px; font-weight:500; color:#000; line-height:normal; }
.form-agree dd { padding:5px 0 0 0; text-align:center; }
.form-agree .scroll-box { position:relative; height:130px; border:1px solid #ccc; font-size:14px; line-height:24px; background:#fff; color:#959595; text-align:left; padding:10px 15px; overflow:auto; }

/* 검색결과 */
.result-top { max-width:1200px; padding:10px 0 0; margin:0 auto 30px; font-size:20px; color:#000; font-weight:500; line-height:1.2em; }
.result-top .word { color:#d12a07; }
.result-top .num { color:#2e6bdb; }
.result-group { max-width:1200px; border-top:1px solid #ddd; padding:30px 0; margin:0 auto; }
.result-group h3 { margin:0 0 20px; color:#000; font-size:18px; font-weight:500; line-height:1.2em; }
.result-group h3 span { color:#7d7d7d; font-size:14px; font-weight:normal; }
.result-group dl { margin:0 0 20px; }
.result-group dl dt a { font-size:16px; color:#1861c3; margin-right:5px; }
.result-group dl dt img { vertical-align:middle; }
.result-group dl dd { padding:5px 0 0; font-size:13px; line-height:1.45em; color:#444; }
.result-group dl dd.date { color:#999; }
.result-group .more { text-align:right; }
.result-group .more a { font-size:14px; color:#7d7d7d; text-decoration:underline; }
 
/* 제품 */
.product-list { max-width:1200px; margin:0 auto; overflow:hidden; }
.product-list ul{ *zoom:1; margin:0 -15px; }
.product-list ul:after { content:" "; display:block; clear:both; } 
.product-list ul li { float:left; width:20%; text-align:center; font-size:14px; line-height:1.4em; padding:0 15px; margin-bottom:30px; box-sizing:border-box; }
.product-list ul li:nth-child(5n+1) { clear:left; }
.product-list ul li a { display:block; }
.product-list ul li .thumb { height:214px; border:1px solid #ddd; overflow:hidden; margin-bottom:10px; }
.product-list ul li.none { float:none; width:100%; padding:70px 0; text-align:center; color:#999; }

.product-summary { *zoom:1; max-width:1200px; margin:0 auto 30px; }
.product-summary:after { content:" "; display:block; clear:both; } 
.product-summary .photo { float:left; width:480px; }
.product-summary .info { margin-left:520px; }
.product-summary .info h3 { color:#333; font-size:20px; font-weight:500; line-height:normal; padding:7px 0 10px; border-bottom:1px solid #ddd; }

.product-detail { max-width:1200px; margin:0 auto; }
.product-detail .tit { color:#333; font-size:16px; font-weight:500; line-height:normal; padding:10px 15px; background:#f9f9f9; border:1px solid #ddd; }
.product-detail .cnt { padding:30px 15px; border-bottom:1px solid #ddd; }

/* 매장검색 */
.store-search { *zoom:1; max-width:1200px; background:#f5f5f5; padding:25px 118px 25px 135px; margin:0 auto 50px; box-sizing:border-box; }
.store-search:after { content:" "; display:block; clear:both; }
.store-search .map-area { float:left; }
.store-search .search-area { margin-left:415px; padding-top:15%}
.store-search .search-area h3 { color:#4d4d4d; font-size:18px; font-weight:500; line-height:1.5em; margin-bottom:46px; }
.store-search .search-area dl { margin-top:25px; }
.store-search .search-area dl dt { float:left; color:#545454; font-size:16px; font-weight:400; line-height:35px; }
.store-search .search-area dl dd { position:relative; padding-right:106px; margin-left:110px; overflow:hidden; }
.store-search .submit { position:absolute; top:0; right:0; border:0; cursor:pointer; color:#fff; background:#555; width:100px; height:36px; -webkit-appearance:none; -webkit-border-radius:0}
.store-search .input { width:100%; width:calc(100% - 4px); margin-right:4px; }
.store-search .select { float:left; width:calc(50% - 4px); margin-right:4px; }

/* 상품후기 */
.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:#333; font-size:15px; font-weight:500; line-height:22px; }
.review-list-info .bbs-txt { color:#767676; font-size:13px; line-height:18px; padding:4px 0 10px; border-bottom:1px dotted #eee; }
.review-list-info .prd-name { color:#444; font-size:13px; font-weight:400; line-height:18px; padding:10px 0 0 0; }
.review-list-info .prd-opt { color:#4d6ccd; font-size:12px; line-height:18px; }

.review-view-info { *zoom:1; max-width:1200px; margin:0 auto 30px; background:#f8f8f8; border:1px solid #eee; padding:25px 25px 25px 155px; box-sizing:border-box; }
.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:15px; font-weight:500; line-height:22px; padding:2px 0 0 0; }
.review-view-info .price { color:#333; font-size:14px; font-weight:500; line-height:18px; padding:2px 0 0 0; }
.review-view-info .opt { color:#4d6ccd; font-size:12px; line-height:18px; padding:2px 0 0 0; }
.review-view-info .grade { color:#333; font-size:14px; font-weight:400; padding:12px 0 0 0; }
.review-view-info .grade .grade-star { margin-left:10px; }