@charset "utf-8";

html.bg-gray{background: none}
header{border-bottom: 0.28vw solid #EBEBEB}
.mybaba > section {padding-bottom: 0;}

.customer{padding-bottom: 13.89vw}
.customer img{width: 100%}
.customer .complete-message{color: var(--Dark, #323232);font-family: Pretendard;font-size: 6.67vw;font-style: normal;font-weight: 300;line-height: 8.33vw;letter-spacing: -0.07vw;}
.customer .contentsGroup {margin: 0.00vw -5.56vw;padding: 0 4.44vw 0 4.44vw;}

.customer .message-wrap{margin-right: 0;padding-right: 0;padding-bottom: 8.33vw;}

.customer .message-wrap + *{margin-top: 0;margin-left: -5.56vw;margin-right: -5.56vw;padding: 0 5.56vw;}
.customer .tab-a > ul > li{color: var(--Third05, #5B5E60);font-family: Pretendard;font-size: 4.44vw;font-style: normal;font-weight: 700;line-height: 6.11vw;}
.customer .tab-a > ul > li.on{color: var(--Primary02, #00AFC8);}
.customer .tab-a > ul > li:not(:last-child) {margin-right: 6.67vw;}
.customer .title-area-inner{color: var(--Dark, #323232);font-family: Pretendard;font-size: 5.56vw;font-style: normal;font-weight: 600;line-height: 6.94vw;letter-spacing: -0.06vw;display: flex;align-items: center;}
.customer .title-area-inner .title-extra{font-size: 0;margin-bottom: 0;line-height: 0;}
.customer .title-area-inner .title-extra a.more{width: 6.67vw;height: 6.67vw;display: flex;align-items: center;justify-content: flex-end;}
.customer .title-area-inner .title-extra a.more:after {content: '';display: inline-block;width: 3.33vw;height: 3.33vw;vertical-align: middle;background: url(../img/icon/Icon_S_Arrow.svg) no-repeat 0 0;background-size: 3.33vw auto;position: relative;top: 0;}

.customer .swiper-boardViewBox .swiper-slide{width: 55.00vw; height: 55.00vw;border-radius: 2.78vw;background: var(--Third01, #F9F9F9);display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0;}
.customer .swiper-boardViewBox .swiper-slide > strong{display: flex;flex-direction: column;display: flex;align-items: center;justify-content: center;color: var(--Third05, #5B5E60);text-align: center;font-family: Pretendard;font-size: 4.72vw;font-style: normal;font-weight: 400;line-height: 6.67vw;}
.customer .swiper-boardViewBox .swiper-slide > strong > i{width: 14.72vw; height:14.44vw; margin-right: 0}
.customer .swiper-boardViewBox .swiper-slide > strong > i > img{width: 100%}
.customer .swiper-boardViewBox .swiper-slide > strong span{margin-top: 2.22vw}
.customer .swiper-boardViewBox .swiper-slide > a.bottomRight{position: relative;right: auto;bottom: auto;color: var(--Dark, #323232);font-family: Pretendard;font-size: 3.89vw;font-style: normal;font-weight: 700;line-height: 5.00vw;background: url(../img/icon/Icon_S_Arrow.svg) no-repeat center right;background-size: 3.33vw auto;padding-right: 4.44vw;margin-top: 4.44vw;}


.customer * + .title-area {margin-top: 13.89vw;padding: 0;}
.customer .title-area-inner .title{color: var(--Dark, #323232);font-family: Pretendard;font-size: 5.56vw;font-style: normal;font-weight: 600;line-height: 6.94vw;letter-spacing: -0.06vw;}

.customer .search-area .search-input[type="text"]{border-radius: 2.78vw !important;border: 0.28vw solid var(--Third05, #5B5E60);background: var(--White, #FFF);margin-top: 4.44vw;height: 12.50vw;padding: 2.78vw 9.72vw 2.78vw 2.78vw;font-family: Pretendard;font-size: 4.44vw;font-style: normal;font-weight: 400;line-height: 6.11vw;}
.customer .search-area .search-input[type="text"]::placeholder{color: #ADADAD;font-family: Pretendard;font-size: 4.44vw;font-style: normal;font-weight: 400;line-height: 6.11vw;}
.customer .recommendedSearch > strong{font-family: Pretendard;font-size: 3.33vw;font-style: normal;font-weight: 500;line-height: 4.44vw;}
.customer .search-area .search-btn {font-size: 0;background: url(../img/icon/Icon_Search.svg) center center no-repeat;right: 0;background-size: 6.67vw 6.67vw;margin-right: 0;width: 13.89vw;height: 12.50vw;}
.customer * + .recommendedSearch{margin-top: 2.78vw}
.customer .tagViewer > ul{margin: 0}
.customer .tagViewer > ul > li > * {border-radius: 1.67vw;border: 0.28vw solid var(--Third02, #E1E2E3);color: var(--Third05, #5B5E60);font-family: Pretendard;font-size: 3.61vw;font-style: normal;font-weight: 500;line-height: 1;margin: 0.56vw;height: 8.89vw;padding: 0 2.78vw;}

.customer .title-area.border_b{border-bottom:0.28vw solid #5B5E60;padding-bottom: 4.44vw;}

.customer .boardList-a > ul{padding: 0}
.customer .boardList-a > ul li{}
.customer .boardList-a > ul > li > a{display: block;height: auto;border-bottom: none;overflow: hidden;color: var(--Dark, #323232); font-family: Pretendard;font-size: 4.17vw;font-style: normal;font-weight: 400;line-height: 5.00vw; margin-top: 3.89vw;}
.customer .boardList-a > ul > li > a > span {display: flex;align-items: center;position: relative;padding-right: 5.56vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 100%;box-sizing: border-box;}
.customer .boardList-a > ul > li > a > span:before{content: '';width: 1.11vw;height: 1.11vw;border-radius: 100%;background: #5B5E60;display: block;margin-right: 2.78vw;}
.customer .contentsGroup .boardList-a:last-child{margin-bottom:13.89vw}
.customer .boardList-a > ul > li.new > a > span:after {position: relative;right: 0;content: "N";font-size: 3.33vw;font-weight: bold;color: #FC4D4D;margin-left: 1.39vw;}

.contentsGroup > .title-area{padding: 0}
.customer .inquiryMethod > strong{background: none; }
.customer .inquiryMethod .img_box{width: 14.44vw;height: 14.44vw;display: flex;align-items: center;justify-content: center;background: #F9F9F9;border-radius: 100%;}
.customer .inquiryMethod .img_box img{width: 8.89vw;}
.customer .inquiryMethod.call > strong{background: none; }
.customer .inquiryMethod.online > strong{background: none;}

.customer .inquiryMethod {display: flex;flex-wrap: nowrap;justify-content: start;margin-top: 4.44vw;padding-bottom: 5.56vw;border-bottom: 0.28vw solid #E1E2E3;}
.customer .inquiryMethod .txt_box{width: calc(100% - 16.67vw);margin-left: 2.22vw;color: var(--Dark, #323232);font-family: Pretendard;font-size: 4.44vw;font-style: normal;font-weight: 600;line-height: 6.11vw;}
.customer .inquiryMethod .txt_box > div{display: flex; justify-content: space-between}
.customer .inquiryMethod .txt_box em{color: var(--Third05, #5B5E60);font-family: Pretendard;font-size: 3.61vw;font-style: normal;font-weight: 500;line-height: 4.44vw;}
.customer .inquiryMethod .txt_box button {border-radius: 1.67vw;background: var(--Secondary02, #00AFC8);width: 35.00vw;height: 11.11vw;color: var(--White, #FFF);justify-content: center;align-items: center;font-family: Pretendard;font-size: 3.33vw;font-style: normal;font-weight: 700;line-height: 4.17vw;display: flex;}
.customer .inquiryMethod.online{margin-bottom: 0}

/* FAQ */

.customer.faq .contentsGroup:first-child > .title-area{margin-top: 8.33vw}
.customer.faq .contentsGroup > .tab-boxList:first-child{margin-top: 0}
.customer.faq .tab-boxList > ul > li {width: calc(33.33% - 0.56vw);height: 11.11vw;border-radius: 1.67vw;background: var(--Third03, #CFD1D2);margin: 0.28vw;border: 0;}
.customer.faq .tab-boxList > ul > li.on > a {background: #2C396A;color: #fff;border-radius: 1.67vw;}
.customer.faq .tab-boxList > ul > li > a {display: flex;justify-content: center;align-items: center;height: 100%;color: var(--White, #FFF);text-align: center;font-family: Pretendard;font-size: 3.89vw;font-style: normal;font-weight: 700;line-height: 5.00vw;}

.customer.faq #newSearchHtml{margin-top: 4.72vw}
.customer.faq .boardAccordionList.accordion-wrap{margin-top: 2.78vw;}
.customer.faq .boardAccordionList > .accordion-title{margin: 0 4.44vw}
.customer.faq .boardAccordionList > .accordion-title:first-child{border-top: 0.28vw solid #2C396A;}
.customer.faq .boardAccordionList > .accordion-title .category {display: block;position: absolute;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 23.89vw;color: var(--Dark, #323232);font-family: Pretendard;font-size: 3.89vw;font-style: normal;font-weight: 500;line-height: 5.00vw;}
.customer.faq .boardAccordionList > .accordion-title .title {display: block;position: relative;padding: 0 8.33vw 0 25.00vw;color: var(--Dark, #323232);font-family: Pretendard;font-size: 4.17vw;font-style: normal;font-weight: 400;line-height: 5.00vw;}
.customer.faq .boardAccordionList > .accordion-title.open .title {color: var(--Dark, #323232);font-family: Pretendard;font-size: 4.17vw;font-style: normal;font-weight: 700;line-height: 5.00vw;}
.customer.faq .boardAccordionList > .accordion-title:after {background: url(../img/icon/Icon_ArrowDown.svg);background-size: 3.33vw auto;width: 3.33vw;height: 3.33vw;top: 4.72vw;transform: rotate(0deg);right: 0;}
.customer.faq .boardAccordionList > .accordion-title.open:after {background: url(../img/icon/Icon_S_ArrowDown.svg);background-size: 3.33vw auto;transform: rotate(180deg);}

.customer.faq .tab-a.swiper{margin-top: 7.78vw;}
.customer.faq .tab-a.swiper ul{display: flex;}
.customer.faq .tab-a.swiper > ul > li{margin-right: 6.67vw;}
.customer.faq #swiper-menu ul > li > a {background: none;color: #9A9EA1;border-radius: 0;border: none;padding: 0;}
.customer.faq #swiper-menu ul > li.on > a {color: #2C396A;display: flex; align-items: center}
.customer.faq #swiper-menu ul > li.on > a:before {content: '';width: 3.33vw; height: 3.33vw; background: url(../img/icon/Icon_S_Check_blue.svg);background-size: 3.33vw auto;display:block;margin-right: 1.39vw}
.customer.faq .boardAccordionList > .accordion-panel > div {padding: 5.56vw;border-radius: 2.78vw;background: var(--Third01, #F9F9F9);margin: 0 4.44vw 5.00vw 4.44vw;color: var(--Third05, #5B5E60);font-family: Pretendard;font-size: 3.89vw;font-style: normal;font-weight: 500;line-height: 6.11vw;}

/* noti */

.customer.noti .contentsGroup:first-child > .title-area{margin-top: 8.33vw}
.customer.noti .contentsGroup > .tab-boxList:first-child{margin-top: 0}
.customer.noti .tab-boxList > ul > li {width: calc(33.33% - 0.56vw);height: 11.11vw;border-radius: 1.67vw;background: var(--Third03, #CFD1D2);margin: 0.28vw;border: 0;}
.customer.noti .tab-boxList > ul > li.on > a {background: #2C396A;color: #fff;border-radius: 1.67vw;}
.customer.noti .tab-boxList > ul > li > a {display: flex;justify-content: center;align-items: center;height: 100%;color: var(--White, #FFF);text-align: center;font-family: Pretendard;font-size: 3.89vw;font-style: normal;font-weight: 700;line-height: 5.00vw;}

.customer.noti #newSearchHtml{margin-top: 4.72vw}
.customer.noti .boardAccordionList.accordion-wrap{margin-top: 2.78vw;}
.customer.noti .boardAccordionList > .accordion-title{margin: 0 4.44vw}
.customer.noti .boardAccordionList > .accordion-title:first-child{border-top: 0.28vw solid #2C396A;}
.customer.noti .boardAccordionList > .accordion-title .category {display: block;position: absolute;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 23.89vw;color: var(--Dark, #323232);font-family: Pretendard;font-size: 3.89vw;font-style: normal;font-weight: 500;line-height: 5.00vw;}
.customer.noti .boardAccordionList > .accordion-title .title {display: block;position: relative;padding: 0 8.33vw 0 25.00vw;color: var(--Dark, #323232);font-family: Pretendard;font-size: 4.17vw;font-style: normal;font-weight: 400;line-height: 5.00vw;}

.customer.noti .boardAccordionList > .accordion-title .title > .date{color: var(--Third05, #5B5E60);font-family: Pretendard;font-size: 3.61vw;font-style: normal;font-weight: 500;line-height: 4.44vw;}
.customer.noti .boardAccordionList > .accordion-title.open .title {color: var(--Dark, #323232);font-family: Pretendard;font-size: 4.17vw;font-style: normal;font-weight: 700;line-height: 5.00vw;}
.customer.noti .boardAccordionList > .accordion-title:after {background: url(../img/icon/Icon_ArrowDown.svg);background-size: 3.33vw auto;width: 3.33vw;height: 3.33vw;top: 4.72vw;transform: rotate(0deg);right: 0;}
.customer.noti .boardAccordionList > .accordion-title.open:after {background: url(../img/icon/Icon_S_ArrowDown.svg);background-size: 3.33vw auto;transform: rotate(180deg);}

.customer.noti .tab-a.swiper{margin-top: 7.78vw;}
.customer.noti .tab-a.swiper ul{display: flex;}
.customer.noti .tab-a.swiper > ul > li{margin-right: 6.67vw;}
.customer.noti #swiper-menu ul > li > a {background: none;color: #9A9EA1;border-radius: 0;border: none;padding: 0;}
.customer.noti #swiper-menu ul > li.on > a {color: #2C396A;display: flex; align-items: center}
.customer.noti #swiper-menu ul > li.on > a:before {content: '';width: 3.33vw; height: 3.33vw; background: url(../img/icon/Icon_S_Check_blue.svg);background-size: 3.33vw auto;display:block;margin-right: 1.39vw}
.customer.noti .boardAccordionList > .accordion-panel > div {padding: 5.56vw;border-radius: 2.78vw;background: var(--Third01, #F9F9F9);margin: 0 4.44vw 5.00vw 4.44vw;color: var(--Third05, #5B5E60);font-family: Pretendard;font-size: 3.89vw;font-style: normal;font-weight: 500;line-height: 6.11vw;}

/* answer */
.customer.answer .btnWrap{padding: 8.89vw 4.44vw;background: var(--Third01, #F9F9F9);margin-top: 0}
.customer.answer .btnWrap button{border-radius: 2.78vw;border: 0.28vw solid var(--Third05, #5B5E60);background: var(--White, #FFF);color: var(--Dark, #323232);font-family: Pretendard;font-size: 4.17vw;font-style: normal;font-weight: 500;line-height: 5.00vw;height: 13.33vw;}
.customer.answer .contentsGroup{margin:0 -5.56vw;padding:0 }
.customer.answer .contentsGroup .box{padding: 0 4.44vw; margin: 0}
.customer.answer .boardReplyBox-a{margin: 0;border-radius: 2.78vw;border: 0.28vw solid var(--Third02, #E1E2E3);background: var(--White, #FFF);margin-bottom: 1.67vw;height: 23.33vw !important;}
.customer.answer .boardReplyBox-a.viewReply{height:auto !important;}
.customer.answer .prd-list-filter{margin-top: 0;border-bottom: 0.28vw dashed #CFD1D2;}
.customer.answer .prd-list-filter .prd-list-filter-inner {position: relative;margin: 0 -4.44vw;padding: 2.78vw 4.44vw 2.78vw 4.44vw;z-index: 3;background: #fff;/* border-bottom:0.28vw dashed #CFD1D2 ; */}
.customer.answer .prd-list-filter-inner .total{color: var(--Third05, #5B5E60);font-family: Pretendard;font-size: 3.61vw;font-style: normal;font-weight: 500;line-height: 4.44vw; }
.customer.answer .prd-list-filter-inner .total span{color: #5B5E60;}
.customer.answer .prd-list-filter-inner .extra button:before {content: '';display: inline-block;width: 6.67vw;height: 6.67vw;background: url(../img/icon/Icon_Adjust.svg) no-repeat 0 0;background-size: 100%;vertical-align: middle;}
.customer.answer .infoBar.total{height: 15.56vw;justify-content: flex-start;padding: 0 4.44vw;color: var(--Dark, #323232);font-family: Pretendard;font-size: 4.17vw;font-style: normal;font-weight: 700;line-height: 5.00vw;margin-left: -4.44vw;margin-right: -4.44vw;background: none;}
.customer.answer board-replayAccrodion{margin-top: 8.89vw}
.customer.answer .boardReplyBox-a .list {padding: 4.44vw;}
.customer.answer .boardReplyBox-a .head .date{color: var(--Third04, #9A9EA1);text-align: right;font-family: Pretendard;font-size: 3.61vw;font-style: normal;font-weight: 500;line-height: 4.44vw;margin-left: 0;min-width: auto;}
.customer.answer .boardReplyBox-a .head{margin-bottom: 2.78vw;}
.customer.answer .boardReplyBox-a .head .tag{color: var(--White, #FFF);font-family: Pretendard;font-size: 3.33vw;font-style: normal;font-weight: 700;line-height: 4.17vw;display: flex;justify-content: space-between;margin-bottom: 2.78vw;padding: 0.83vw 2.22vw;}
.customer.answer .boardReplyBox-a .head .tag.waiting{border-radius: 1.67vw;background: var(--Third04, #9A9EA1);display: flex;align-items: center;justify-content: center;min-width: auto;height: auto;margin-bottom: 0;}
.customer.answer .boardReplyBox-a .cont{margin-top: 0;}
.customer.answer .boardReplyBox-a:before { display: none;}
.customer.answer .boardReplyBox-a .toggle {top: 11.11vw;width: 100%;height: 12.50vw;color: var(--Dark, #323232);font-family: Pretendard;font-size: 4.17vw;font-style: normal;font-weight: 400;line-height: 5.00vw;}
.customer.answer .boardReplyBox-a .cont > strong{color: var(--Dark, #323232);font-family: Pretendard;font-size: 4.17vw;font-style: normal;font-weight: 400;line-height: 5.00vw;}
.customer.answer [class *= 'unitList'].unitList-orderGoodsInfo{margin-top: 2.78vw}
.customer.answer .reviewPhotoMore .photoList{margin-left: 0}
.customer.answer .boardReplyBox-a .unitList-orderGoodsInfo + p{color: var(--Third05, #5B5E60);font-family: Pretendard;font-size: 3.89vw;font-style: normal;font-weight: 500;line-height: 6.11vw;}
.customer.answer .boardReplyBox-a.viewReply .cont > strong{color: var(--Dark, #323232);font-family: Pretendard;font-size: 4.17vw;font-style: normal;font-weight: 700;line-height: 5.00vw;}