@charset "utf-8";


.cont-inner{padding:0 20px;}

.buttonwrap.bdt-gray{border-top:10px solid #f7f7f7;}

/* mypage 로 이동 */
/* 1:1문의 작성 */
/* .inquiry-section{padding:0 20px;}
.inquiry-section .type{margin-top:30px;}
.inquiry-section dl{margin-bottom: 15px;}
.inquiry-section dl dt{line-height: 1; color: #000;  font-size: 13px; margin-bottom: 10px;}

.inquiry-section .type .selectDummy .selecttext.placeholder{color:#000;}
.inquiry-section .input-part input[type=text]:disabled{color:#000; background:#eee;}
.inquiry-section .input-part{border-top:1px solid #eee; margin-top:25px; padding-top:25px;}
.inquiry-section .input-part .textarea.sample2:before{content:"제품 사용, 오염, 전용 박스 손상, 라벨 제거, 사은품 및 부속품 사용/분실 시 교환과 환불이 불가능합니다.\A교환을 원하시는 상품의 재고 부족 시, 교환이 불가능합니다.\A상품 정보와 관련된 문의는 해당 '상품 문의'에 남겨주시면 더욱 빠른 답변이 가능합니다.\A내용은 2,000자 이내로 입력해주세요.";white-space: pre-line;}
.inquiry-section .input-part .note1{float: left;clear: both;width: 100%;margin: -4px 0;font-size: 11px;color: black;line-height: 18px;}
.inquiry-section .input-part .email{margin-bottom:0;}
.inquiry-section .input-part .email dd{line-height:35px;color:#000;font-size:13px;}
.inquiry-section .input-part .email input{width:calc(100% - 35% - 19px);}
.inquiry-section .ordnum input[type=text]{float:left; width:calc(100% - 120px);}
.inquiry-section .ordnum button{float:left; width:115px; height:35px; color:#fff; background:#000; font-size:13px; line-height:35px; margin-left:5px;}

.inquiry-section .emailcheck{margin-bottom:0;}
.inquiry-section .input-part dl.emailcell{margin:15px 0 0;}
.inquiry-section .input-part dl.emailcell dd{font-size:0}
.inquiry-section .input-part dl.emailcell dd input{width:calc(50% - 10px)}
.inquiry-section .input-part dl.emailcell dd .at{display:inline-block;width:20px;height:17px;padding:8px 0 10px;vertical-align:top;text-align:center;font-size:13px;color:#333;line-height:17px}
.inquiry-section .input-part dl.emailcell dd .selectDummy{margin:5px 0 0 0;} */

/*common으로 이동
.list-section{border-top:10px solid #f7f7f7;padding: 0 20px;}
.list-info{padding:20px 0;border-bottom:1px solid #eee;display: flex;align-items: center;}
.list-info .check{flex-basis: 31px;}
.list-info label{flex-basis: calc(100% - 31px - 60px);}
.list-info .date{color: #999;}
.list-info .pdtname{font-size: 12px; color: #000; font-weight: 500; line-height: 18px; margin: 17px 0 7px 0;}
.list-info .order-result{font-size:13px;font-weight:500;color: #000;flex-basis: 60px;text-align: right;}

.list-info span{display:block;font-size:11px;color: #000;line-height: 1;}
.list-info .name{font-size: 13px;color:#000;margin-bottom: 15px;font-weight:500;line-height: 1;}
.list-info .name .default{display:inline-block;border:1px solid #601986;height: 16px;color:#601986;line-height: 14px;box-sizing:border-box;text-align:center;font-size: 11px;padding: 0 5px;margin: -1px 0 0 8px;position: absolute;}
.list-info .addr{color:#000;line-height: 1;margin-bottom: 10px;}
.list-info .num{margin-bottom: 20px;line-height: 1;}
.list-info .num .bar{display:inline-block;width:1px;height: 11px;margin: 0 6px;background: #999;vertical-align: top;}

.list-none{padding: 80px 0;text-align:center;font-size: 13px;color: #666;line-height: 1;}
*/

/* 고객센터 - 자주묻는질문 */
.search-wrap{font-size: 20px;color: #000;padding: 30px 20px;border-bottom: 10px solid #f7f7f7;}
.search-wrap input[type=search]{width: calc(100% - 85px);position:relative;padding-right: 30px;}
.search-wrap input[type=search]::-webkit-search-decoration,
.search-wrap input[type=search]::-webkit-search-results-button,
.search-wrap input[type=search]::-webkit-search-results-decoration{display:none}
.search-wrap input[type=search]::-webkit-search-cancel-button{position:absolute;top:8px;right:10px;overflow:hidden;width:18px;height:18px;margin:0;padding:0;text-indent:-9999px;font-size:0;line-height:0;-webkit-appearance:none;border-radius:100%;border:none;background:#eee url(../imgs/global/close5.png) center center no-repeat;background-size:10px 10px}
.search-wrap .button1{width:80px;margin-left: 5px;}
.popular-wrap{margin: 10px 0 0;}
.popular-wrap.horizonwrap .swipe{margin:0;padding:0;line-height:1;-ms-overflow-style: none;scrollbar-width: none;}
.popular-wrap.horizonwrap .swipe::-webkit-scrollbar{display:none;}
.popular-wrap.horizonwrap .swipe .list{line-height: 1;display: block;}
.popular-wrap.horizonwrap .swipe .list .item{width:auto; border:0;}
.popular-wrap.horizonwrap .swipe .list .item.horizonsample:first-child{border-left:0;}
.popular-wrap.horizonwrap .swipe .list .item.horizonsample:last-child{border-right:0;}
.popular-word li:after{content:"";display:inline-block;width:1px;height: 11px;background: #eee;margin: 0 10px;vertical-align: middle;}
.popular-word li:last-child:after{display:none;}
.popular-word a{line-height: 1;color:#999;font-size: 12px;display: inline-block;vertical-align: middle;}
.popular-word li.active a{color:#000;}

.faq-cont-wrap {padding: 0 20px;}
.faq-cont-wrap .faq_tab{display: flex;margin: 24px 0 40px;flex-wrap: wrap;}
.faq-cont-wrap .faq_tab:after{content:"";display:block;clear:both}
.faq-cont-wrap .faq_tab li{flex-grow: 1;flex-basis: 33.33%;}
.faq-cont-wrap .faq_tab li a{display:block;height: 35px;text-align:center;font-size: 13px;color: #666;line-height: 35px;background: #f4f4f4;border-top: 1px solid #fff;border-left: 1px solid #fff;}
.faq-cont-wrap .faq_tab li.active{position:relative}
.faq-cont-wrap .faq_tab li.active a{background: #000;color: #fff;}

.search-total{color:#000;font-size: 12px;font-weight:500;line-height: 1;margin-bottom: 15px;}
.search-total span.cate{color: #601986;}

.faq-cont{border-top:1px solid #000;}
.faq-list{border-bottom:1px solid #eee;text-align: left;display: block}
.faq-list:last-child{border-bottom:0;}
.faq-list .question{display:block;width:100%;padding:20px 20px 18px 0;box-sizing:border-box;text-align:left;background:url(../imgs/plan/select_arrow_down2.png) no-repeat;background-position:right center;background-size:12px;}
.faq-list .code{color: #999;font-size: 11px;line-height: 1;display: block;margin-bottom: 8px;}
.faq-list .tit{font-size: 13px;display:block;color: #000;word-break: keep-all;line-height: 17px;}
.faq-list .answer{display:none;font-size: 11px;color:#666;line-height: 17px;padding: 12px 15px;background: #f7f7f7;margin-bottom: 20px;word-break: keep-all;}
.faq-list .answer table{max-width:100%}
.faq-list.active .question{background:url(../imgs/plan/select_arrow_up2.png) no-repeat;background-size:12px;background-position: right center;}
.faq-list.active .answer{display:block;}
.faq-none{border-bottom: 1px solid #eee;font-size: 13px;text-align:center;padding: 45px 0;color: #000;line-height: 1;}

/* 공지사항 */
.noticeCont.faq-cont-wrap .faq_tab li{flex-grow:0;flex-basis:50%}
.noticeCont.faq-cont-wrap .faq-list{padding: 20px 10px 18px;}
.faq-cont-wrap .faq-list .date{line-height: 1;font-size: 11px;color: #999;display: block;margin-top: 13px;margin-bottom: 2px;}
.faq-cont-wrap .faq-list.top-fix{background:#f7f7f7;}

/* 공지사항 상세 */
.notice-detail{padding: 0 20px;margin-top: 30px;}
.notice-detail .tit{border-top:1px solid #000;padding: 20px 15px;background: #f7f7f7;color: #000;font-size: 13px;line-height: 17px;}
.notice-detail .tit .date{display: block; color: #999; margin-top: 8px; line-height: 1; font-size: 11px;}
.notice-detail .editorcontent{font-size: 13px; color: #666; line-height: 17px;}
.notice-detail .attach_viewer{margin-top:20px;}

.board-nav{border-top:1px solid #000; margin-top:20px;}
.board-nav li{border-bottom:1px solid #eee;color:#666;height: 42px;font-size:13px;line-height: 42px;}
.board-nav li span{width: 69px; float: left; text-align: center;}
.board-nav li a{display: inline-block;width: calc(100% - 69px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 매장안내 */
.store-brand{margin-top: 25px;}
.brand-wrap.horizonwrap .swipe{margin:0;padding:0;line-height:1;-ms-overflow-style: none;scrollbar-width: none;}
.brand-wrap.horizonwrap .swipe::-webkit-scrollbar{display:none;}
.brand-wrap.horizonwrap .swipe .list{line-height: 1;}
.brand-wrap.horizonwrap .swipe .list .item{width:auto;border-right:15px solid transparent;}
.brand-wrap.horizonwrap .swipe .list .item:first-child{border-left:20px solid transparent;}
.brand-wrap.horizonwrap .swipe .list .item:last-child{border-right:20px solid transparent;}
.brand-wrap .swipe .list .item a{height:30px;line-height:27px;padding:0 9px;border: 1px solid #eee;color:#999;font-size:12px;display:inline-block;box-sizing:border-box;white-space:nowrap;vertical-align:top;}
.brand-wrap .swipe .list .item.active a{border:1px solid #000;background:#000;color:#fff;}

.store-cont-wrap{padding: 40px 20px 0;}
.store-list-wrap{border-top:1px solid #000;}
.store-list{border-bottom:1px solid #eee;display: block;padding: 20px 0;font-size: 13px;color: #000;}
.store-list:last-child{border-bottom:0;}
.store-list .store{display: block;margin-bottom: 8px;line-height: 1;}
.store-list .store .brand{vertical-align:middle;}
.store-list .store .brand:after{content:"";display:inline-block;width:1px;height: 13px;background:#000;margin: 0 10px 0;vertical-align: middle;}
.store-list .store .spot{vertical-align: middle;}
.store-list .addr{display: block;margin-bottom: 13px;word-break: keep-all;line-height: 17px;}
.store-list .num{display: block;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',sans-serif;font-size: 11px;color: #999;line-height: 1;}

.pop-store .store-list{border-bottom:1px solid #eee;padding-top: 0;}
.pop-store .store-list .store{font-weight:500; font-size:14px; margin-bottom:13px;}
.pop-store .store-list .addr{margin-bottom: 8px;}
.pop-store .store-map{width:100%; height:100vh; background:#f7f7f7; margin-top:20px;}