@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;}

.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:30px; text-align:center;}
.board-search .search {position:relative; max-width:600px; margin:0 auto;}
.board-search .input {display:block; width:100%; height:60px; padding:0 60px 0 28px; font-size:16px; border:1px solid #222;}
.board-search .submit {position:absolute; top:50%; right:22px; margin-top:-15px; width:30px; height:30px; border:0; background:url("/images/bbs/search.png") 50% 50% no-repeat; overflow:hidden; text-indent:-999em;}

/* 리스트 */
.board-list {max-width:1200px; margin:0 auto;}
.board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #222;}
.board-list table thead th {height:50px; border-bottom:1px solid #ddd; color:#222; font-size:16px; font-weight:500; line-height:1.5em;}
.board-list table tbody td {height:50px; padding:10px 0; border-bottom:1px solid #ddd; text-align:center; font-size:16px; letter-spacing:-.03em; line-height:1.5em; color:#686868;}
.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 table tbody tr.notice td {font-weight:500; color:#454545;}
.board-list .label {display:inline-block;zoom:1;*display:inline;color:#fff;background:#ff8a2c;font-weight:500;padding:0 14px;font-size:13px;line-height:26px;border-radius:20px;}
.board-list .comment {color:#ff6000;font-family:Tahoma;font-size:12px;}

.board-list.notice-board table tbody td img {margin-left: 15px; vertical-align: top; margin-top: 1px;}

.board-list-m {display:none; margin:0 -15px; border-top:2px solid #222;}
.board-list-m li {display:table; table-layout:fixed; width:100%; padding:14px 15px; border-bottom:1px solid #ddd;}
.board-list-m li img {vertical-align:middle;}
.board-list-m li.none {padding:40px 0; text-align:center; color:#999;}
.board-list-m .label {display:inline-block;color:#fff;background:#ff6000;font-weight:500;margin-right:3px;padding:0 6px;font-size:11px;line-height:20px;border-radius:2px;}
.board-list-m strong {font-weight:500;}
.board-list-m .tit {font-size:16px; font-weight:500; line-height:1.3em; margin-bottom:5px; color:#454545;}
.board-list-m .info {font-size:13px; font-weight:300; line-height:1.5em; color:#888;}
.board-list-m .info .bar {margin:0 4px; font-size:11px; color:#ddd;}
.board-list-m .btns {overflow:hidden; margin-top:12px;}
.board-list-m .btns a {float:left; width:80px; height:32px; line-height:32px; text-align:center; color:#fff; font-size:14px; font-weight:500;}
.board-list-m .btns .type1 {background:#ffd52c; color:#333;}
.board-list-m .btns .type2 {background:#ff8a2c}

.gallery-list {max-width:1200px; margin:0 auto;}
.gallery-list ul {margin:0 -7px;}
.gallery-list ul:after {content:""; display:block; clear:both;}
.gallery-list ul li {float:left; width:25%; padding:0 7px; text-align:center; margin-bottom:66px; box-sizing:border-box;}
.gallery-list ul li:nth-child(4n+1) {clear:left;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .thumb {position:relative; height:0; padding-bottom:56.41%; margin-bottom:12px; overflow:hidden;}
.gallery-list ul li .thumb 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:contain;}
.gallery-list ul li .tit {color:#454545; font-size:18px; line-height:1.4em; letter-spacing:-.03em;}
.gallery-list ul li.none {float:none; width:100%; padding:70px 0; text-align:center; margin-bottom:0;}

/* 글작성 */
.board-write {max-width:1200px; border-top:2px solid #222; border-bottom:1px solid #ddd; padding:5px 0; margin:0 auto 40px;}
.board-write .group {position:relative; padding:9px 0 9px 110px; font-size:15px; line-height:40px; overflow:hidden;}
.board-write .group.first {border-top:0;}
.board-write .group:first-child {border-top:0;}
.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:15px; font-weight:500; 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:1200px; margin:0 auto;}
.board-view .head .tit {color:#222; font-size:20px; font-weight:500; line-height:1.5em; letter-spacing:-.04em; padding:20px 20px 13px; border-top:2px solid #222;}
.board-view .head .info {*zoom:1;color:#767676; padding:0 20px 20px; 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 .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 20px 60px; border-bottom:1px solid #ddd;}
.board-view .body img {width:auto !important; height:auto !important; max-width:100%;}

.board-view.chart-view .head .tit img {vertical-align: unset; margin-left: 15px;}
.board-view.chart-view .head .tit {border-top:2px solid #868686;}
.chart-view .head .files {padding: 10px 0 20px;}
.chart-view .body {padding: 0 0 40px 0; }
.chart-view .body .con {background-color: #f5f5f5; padding: 20px 30px 33px 30px;}
.chart-view .body .tit {position: relative; padding-bottom: 20px; font-size:16px; font-weight: 400; letter-spacing: 0; color: #000; line-height: 1.3em; border-bottom:1px solid #fff;}
.chart-view .body .tit span {position: absolute; right: 0;}
.chart-view .body .txt {margin-top: 30px;}
.chart-view .body .txt ul {margin: -5px 0;}
.chart-view .body .txt ul li {padding: 5px 0; color:#505050; font-size:15px; letter-spacing: -0.04em; line-height: 1.3em;}
.chart-view .body .txt ul li .item {background-color: #fff; display:block; padding: 15px 0 15px 20px;}
.chart-view .body .txt .buttons {margin: 30px 0 0 0;}
.chart-view .body .txt .btn-pack {color: #ff8a2c;}
.chart-view .body .txt .btn-pack.orange {background: #fff; border:1px solid #ff8a2c;}
.chart-view .body .txt .btn-pack.focus {background: #ff8a2c; border: 1px solid #ff8a2c; color: #fff;}


/* 이전글,다음글 */
.prev_next {max-width:1200px; 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:#242424; padding:0 20px 0 10px; margin-right:20px; font-weight: 500;}
.prev_next dd {color:#686868;}
.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:1200px; margin:20px auto;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 3px;}
.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;background:#fff;color:#4d4d4d;border:1px solid #ddd;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:#ff8a2c; border:1px solid #ff8a2c; color:#fff;}
.btn-pack.dark {background:#555; border:1px solid #555; color:#fff;}
.btn-pack.medium {height:40px;padding:0 14px;line-height:38px;font-size:15px;}
.btn-pack.medium.dark {min-width:110px;}
.btn-pack.large {height:45px;padding:0 22px;line-height:43px;font-size:16px;}
.btn-pack.xlarge {height:50px;padding:0 40px;line-height:48px;font-size:18px;font-weight:500;}
.btn-pack.xlarge.wide {width:100%;max-width:278px;}
.btn-pack.small {height:30px;padding:0 10px;line-height:28px;font-size:14px;}
.btn-pack.comment {width:110px; height:62px;padding:0;line-height:60px;font-size:18px;font-weight:400;}
.btn-pack.submit {min-width:180px;height:50px;border:1px solid #f8b62b;background:#f8b62b;color:#fff;font-size:18px;font-weight:500;line-height:48px;}

.btn-map {display:inline-block; padding:0 15px; text-align:center; vertical-align:middle; color:#888; font-size:14px; line-height:29px; letter-spacing:0; text-decoration:none !important; border:1px solid #bbb; border-radius:4px;}
.btn-map:hover {color:#333; background:#ffc62c; border-color:#ffc62c;}

/* 페이지목록 */
.paginate {margin:30px 0 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:#ff8a2c;background-color:#ff8a2c;}  
.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;}
.comment-list li {position:relative; padding:10px; border-bottom:1px dotted #ccc;}
.comment-list li .info .name {font-size:14px; font-weight:500; color:#333;}
.comment-list li .info .date {font-size:14px; font-family:Tahoma; color:#767676; margin:0 4px;}
.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: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:99%; 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:#fff 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:#o333; font-size:16px; font-weight:500; padding-bottom:20px;}
.board-password dl dd label {color:#666; font-size:15px; margin-right:10px;}

/* 문의 */
.mailform .top-txt {font-weight:500; line-height:1.3em; margin-bottom:10px;}
.mailform .req {color:#b41d8d;}
.mailform table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #222; font-size:15px; line-height:1.5em;}
.mailform table tbody th {padding:10px 18px; height:56px; color:#454545; text-align:left; font-weight:500; border-bottom:1px solid #ddd;}
.mailform table tbody td {padding:10px 10px; color:#686868; border-bottom:1px solid #ddd;}
.mailform table tbody td .btn-pack {}
.mailform img {vertical-align:middle;}
.mailform .item {margin-right:30px; display:inline-block;}
.mailform .item:last-child {margin-right:0;}

.form-agree {position:relative; margin-top:40px; margin-bottom:40px;}
.form-agree .btn {position:absolute; top:0; right:0; font-size:13px; line-height:1.3em;}
.form-agree dt {color:#454545; font-size:15px; font-weight:500; line-height:1.3em;}
.form-agree dd {padding:12px 0 0 0; text-align:center; font-size:15px; line-height:1.5em;}
.form-agree .scroll-box {border:1px solid #ddd; text-align:left; background:#f7f7f7; color:#686868; font-size:14px; line-height:1.5em; padding:10px;}

/* ui datepicker */
.ui-datepicker {display:none; background:#fff; border:1px solid #ccc; margin-top:1px; border-radius:5px; width:240px; padding:12px 7px; box-shadow:3px 3px 0 rgba(0,0,0,.15);}
.ui-datepicker-header {position:relative; margin-bottom:6px;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; width:28px; height:28px; top:50%; cursor:pointer; margin-top:-14px; border-radius:100%; overflow:hidden; text-indent:-999em; background-color:#f8b62b; background-position:50% 50%; background-repeat:no-repeat;}
.ui-datepicker-prev {left:4px; background-image:url("/images/bbs/cal_prev.png");}
.ui-datepicker-next {right:4px; background-image:url("/images/bbs/cal_next.png");}
.ui-datepicker-title {text-align:center; color:#2c2c2c; font-size:16px; line-height:32px; font-weight:500;}
.ui-datepicker-title select {border:1px solid #ccc; width:70px; height:30px; padding:4px; font-size:14px; line-height:1.3em;}
.ui-datepicker-title .ui-datepicker-month {border-left:0;}
.ui-datepicker-calendar {table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0px;}
.ui-datepicker-calendar th {padding:1px; text-align:center; font-size:14px; font-weight:700; line-height:30px; color:#000;}
.ui-datepicker-calendar td {padding:1px; text-align:center; font-size:13px; font-weight:400; line-height:30px; color:#666;}
.ui-datepicker-calendar .ui-state-default {display:block;border-radius:4px;}
.ui-datepicker-calendar .ui-state-active {background-color:#69b82d;color:#fff;}
.ui-datepicker-other-month .ui-state-default {color:#ccc;}
.ui-datepicker-today .ui-state-default {border:2px solid #69b82d; line-height:26px;}
.ui-datepicker-last {margin-left:-43px;}

.ui-datepicker-trigger {display:inline-block; width:35px; height:35px; vertical-align:middle; border:0; overflow:hidden; text-indent:-999em; background:url("/images/bbs/icon_calendar.png") 50% 50% no-repeat;}

/* 제품 */
.product-list {margin-bottom:20px;}
.product-list ul {margin:0 -17px;}
.product-list ul:after {content:""; display:block; clear:both;}
.product-list ul li {float:left; width:25%; padding:0 17px; margin-bottom:75px; text-align:center;}
.product-list ul li:nth-child(4n+1) {clear:left;}
.product-list ul li a {display:block;}
.product-list ul li .thumb {position:relative; height:0; padding-bottom:100%; overflow:hidden; margin-bottom:15px;}
.product-list ul li .thumb 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;}
.product-list ul li .tit {font-family:'BMJUA',sans-serif; color:#333; font-size:20px; line-height:1.3em;}

.cate-name {margin-bottom:40px; padding:27px; text-align:center; font-family:'BMJUA',sans-serif; color:#86542b; font-size:28px; font-weight:400; line-height:1.3em; background:#f7f7f7; border-radius:20px;}

.sub-product-view {width:calc(100vw - 40px); max-width:1200px; text-align:center;}

/* 매장검색 */
.store-title {text-align:center; padding:12px 0; margin-bottom:20px; border-top:2px solid #222; border-bottom:1px solid #ddd;}
.store-title h3 {color:#333; font-size:20px; font-weight:500; line-height:1.3em;}

.store-search {*zoom:1; max-width:1200px; padding:25px 118px 25px 135px; border:1px solid #ddd; margin:0 auto 40px; 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:40px; -webkit-appearance:none; -webkit-border-radius:0}
.store-search .input {width:100%; width:calc(100% - 4px); margin-right:4px; font-size:14px;}
.store-search .select {float:left; width:calc(50% - 4px); margin-right:4px; font-size:14px;}

.store-detail {display:table; table-layout:fixed; width:100%; margin:0 0 150px;}
.store-detail > div {display:table-cell; vertical-align:top; position:relative;}

.store-photos .img {position:relative; height:0; padding-bottom:62.5%; overflow:hidden;}
.store-photos .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;}
.store-photos .origin {border:1px solid #dfdfdf; position:relative;}
.store-photos .origin .slider-for {display:none;}
.store-photos .origin .slick-slider {display:block !important;}
.store-photos .thumbs {position:absolute; bottom:0; left:0; width:100%; padding:10px 60px; transform:translateY(100%)}
.store-photos .thumbs .img {cursor:pointer; position:relative;}
.store-photos .thumbs .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:0 solid transparent; transition:.2s;}
.store-photos .thumbs .item {padding:0 4px;}
.store-photos .thumbs .slick-slide {outline:none;}
.store-photos .thumbs .slick-current .img:after {border:3px solid #f3981c;}
.store-photos .thumbs .slick-arrow {position:absolute; top:50%; margin-top:-17px; width:21px; height:34px; overflow:hidden; text-indent:-999em; text-align:left; border:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat;}
.store-photos .thumbs .slick-prev {left:0; background-image:url("/images/sub/slide_prev.png");}
.store-photos .thumbs .slick-next {right:0; background-image:url("/images/sub/slide_next.png");}

.store-info {width:400px; padding:30px; background:#f5f5f5; font-size:15px; line-height:1.7em;}
.store-info dl {position:relative; padding-left:20px; margin-bottom:27px;}
.store-info dl:last-child {margin-bottom:0;}
.store-info dl:before {content:""; position:absolute; top:6px; left:0; width:14px; height:14px; border:3px solid #f3981c; border-radius:100%;}
.store-info dt {color:#333; font-weight:500; font-size:16px;}
.store-info dd {color:#555;}

.store-map {margin-bottom:40px;}
.store-map h3 {color:#ff8a2c; font-size:20px; line-height:1.3em; margin-bottom:12px;}