@charset "utf-8";

.linkMenu {margin-top: 8.8889vw;}
.linkMenu {width: 100%; overflow: hidden;}
.linkMenu li a {display: block; position: relative; font-size: 5.0000vw; font-weight: 600; height: 15.5556vw; line-height: 15.5556vw;}
.linkMenu li a:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 6.6667vw; height: 6.6667vw; background: url(../img/common/icon_gomatch.png)0 0 no-repeat; background-size: 6.6667vw 6.6667vw;}
.linkMenu li + li {padding-top: 2.2222vw; margin-top: 2.2222vw; border-top: 0.2778vw solid #eee}

/* inquiryWrite */
.inquiryWrite .writeWrap {margin-top: 6.6667vw;}
.inquiryWrite .writeWrap .formInput {margin-top: 2.2222vw;}

/* inquiryList */
#container.inquiryList {width: 100vw; height: 100vh; overflow: auto; padding:calc(13.3333vw + env(safe-area-inset-top)) 0 env(safe-area-inset-bottom);}
#container.inquiryList .tab {margin-left: 0;position: sticky;top: 0;background-color: #fff;z-index: 1;}
.inquiryList .inquiryListWrap {padding:17.7778vw 0 21.1111vw; margin-top: -15.5556vw; height: 100%; overflow: auto;}
.inquiryList .inquiryListWrap dl {padding: 2.2222vw 0; margin: 0 4.4444vw; border-bottom: 0.2778vw solid #eee}
.inquiryList .inquiryListWrap dl:last-child {border-top: bottom;}
.inquiryList .inquiryListWrap dl.on {border-bottom: 0;}
.inquiryList .inquiryListWrap dt {position: relative; padding: 3.3333vw 0; cursor: pointer;}
.inquiryList .inquiryListWrap dt .title {margin-top: 2.2222vw; font-size: 4.4444vw; padding-right: 6.6667vw}
.inquiryList .inquiryListWrap dt .date {display: block; margin-top: 1.1111vw; color: #888}
.inquiryList .inquiryListWrap dt:after {content: ''; position: absolute; right: 0; top: 10.0000vw; width: 6.6667vw; height: 6.6667vw; background: url(../img/common/icon_arrow_24.png)0 0 no-repeat; background-size: 6.6667vw 6.6667vw; transition: .3s;}
.inquiryList .inquiryListWrap dl.on dt:after {transform: rotate(-180deg);}
.inquiryList .inquiryListWrap dd {display: none; width: 100vw; margin-left: -4.4444vw; background-color: #f8f8f8; padding: 4.4444vw;}
.inquiryList .inquiryListWrap dd .question {font-weight: 300; line-height: 5.5556vw;}
.inquiryList .inquiryListWrap dd .answer {margin-top: 4.4444vw; padding-top: 4.4444vw; border-top: 0.2778vw solid #eee}
.inquiryList .inquiryListWrap dd .answer p {line-height: 5.5556vw;}
.inquiryList .inquiryListWrap dd .answer .answerDate {display: block; margin-top: 2.2222vw; color: #888}
.inquiryList .inquiryListWrap .inquiryNodata {text-align: center; padding-top: 48.8889vw;}
.inquiryList .inquiryListWrap .inquiryNodata .noData {display: block; margin: 0 auto; width: 17.7778vw; height: 17.7778vw; background: url(../img/search/icon_nosearch.png)0 0 no-repeat; background-size: 17.7778vw 17.7778vw;}
.inquiryList .inquiryListWrap .inquiryNodata p {display: block; font-size: 4.4444vw; margin-top: 4.4444vw;}

/* FAQ */
#container.faq {width: 100vw;}
.faq .faqHash {display: flex; justify-content: space-between; flex-flow: row wrap; margin: 8.8889vw 4.4444vw 0;}
.faq .faqHash .category {flex: 0 0 29.4444vw; height: 9.1667vw; border: 0.2778vw solid #eee; border-radius: 11.1111vw; text-align: center; line-height: 8.6111vw; transition: .3s}
.faq .faqHash .category.on {background-color:#3B5094; border: 0.2778vw solid #3B5094; color: #fff }
.faq .faqHash .category:nth-child(n+4) {margin-top: 2.2222vw}
.faq .faqWrap {height: 100%; overflow: auto;}
.faq .faqWrap dl {padding: 2.2222vw 0;margin: 0 4.4444vw; border-bottom: 0.2778vw solid #eee;}
.faq .faqWrap dl:last-child {border-bottom: 0;}
.faq .faqWrap dl.on {border-bottom: 0;}
.faq .faqWrap dt {position: relative; padding: 4.4444vw 0; cursor: pointer;}
.faq .faqWrap dt .title {position: relative; font-size: 4.4444vw; line-height: 6.6667vw; padding:0 7.7778vw; font-weight: 600;}
.faq .faqWrap dt .title:before {content: ''; position: absolute; left: 0; top: 0; width: 6.6667vw; height: 6.6667vw; background: url(../img/common/icon_faq.png)0 0 no-repeat; background-size: 6.6667vw 6.6667vw;}
.faq .faqWrap dt .title:after {content: ''; position: absolute; right: 0; top: 0; width: 6.6667vw; height: 6.6667vw; background: url(../img/common/icon_arrow_24.png)0 0 no-repeat; background-size: 6.6667vw 6.6667vw; transition: .3s;}
.faq .faqWrap dl.on dt .title:after {transform: rotate(-180deg);}
.faq .faqWrap dd {display: none; width: 100vw; margin-left: -4.4444vw; background-color: #f8f8f8; padding: 4.4444vw 6.6667vw;}
.faq .faqWrap dd .answer {}
.faq .faqWrap dd .answer p {line-height: 6.1111vw;}
.faq .faqWrap .searchArea{margin:0 4.4444vw;}
.faq .faqWrap .searchArea .formInput input{position:relative;padding-right:22vw;}
.faq .faqWrap .searchArea .formInput .searchBtn{position:absolute;top:50%;right:2.2222vw;transform:translateY(-50%);width:8.8889vw;height:8.8889vw;background:url(../img/common/icon_search.png) 0 0 no-repeat;background-size:8.8889vw 8.8889vw;}
.faq .faqWrap .searchArea .formInput .btnDel{right:13.3333vw;}
.faq .faqWrap .searchArea  + dl{margin-top:4.4444vw;}
.faq .faqNodata{padding-top:46.6667vw;text-align:center;}
.faq .faqNodata .noData{display:block;margin:4.4444vw auto;width:17.7778vw;height:17.7778vw;background:url(../img/common/icon_cs_noaddress.png) 0 0 no-repeat;background-size:17.7778vw 17.7778vw;}
.faq .faqNodata p{ display:block;margin-top:4.4444vw;color:#222;font-size:4.4444vw;font-weight:600;}
.faq .faqNodata span{display:block;color:#888;margin-top:2.2222vw;}


/* notice */
#container.notice{width:100vw; height:100vh; overflow:auto; padding: calc(13.3333vw + env(safe-area-inset-top)) 0 calc(12.2222vw + env(safe-area-inset-bottom)); background: #F8F8F8;}

.notice .noticeImg {width: 100vw;} 
.notice .noticeImg ul li{width: 100%;}
.notice .noticeImg ul li a {display: block; width: 100%;}
.notice .noticeImg ul li img{width: 100%; height : auto;}
/* 2021.05.18 임시추가 */
.notice .noticeImg .swiper-wrapper.disabled{transform:translate3d(0, 0, 0) !important;}
.notice .noticeImg .swiper-pagination.disabled{display:none;}
/* //2021.05.18 임시추가 */

/* .notice .noticeImg .swiper-pagination{bottom: 6.6667vw; left: 4.4444vw; text-align: left; width: auto;} */

.notice .noticeImg .swiper-pagination{bottom: 2.6667vw; left: 4.4444vw; text-align: left; width: auto;}
.notice .noticeImg .swiper-pagination .swiper-pagination-bullet{background: #eee; opacity: 1; transition: .3s; width: 2.2222vw; height: 2.2222vw; margin: 0 1.1111vw; border-radius: 50%;}
.notice .noticeImg .swiper-pagination .swiper-pagination-bullet-active{background: #3B5094;}
.notice .tab{z-index:10;position:sticky;left:0;top: 0;background:#fff;}
.notice .noticeListWrap{width:91.1111vw; margin:4.4444vw 4.4444vw 0 4.4444vw;}
.notice .noticeListWrap li{margin-bottom:2.2222vw;}
.notice .noticeListWrap li + li{padding-top:2.2222vw;border-top:0.2778vw solid #eee;}
.notice .noticeListWrap li a{display:block;position:relative;padding:2.2222vw 0;}
.notice .noticeListWrap li a:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:6.6667vw;height:6.6667vw;background:url('../img/common/icon_gomatch.png') no-repeat;background-size:6.6667vw 6.6667vw;}
.notice .noticeListWrap .tit{width:73.0556vw;margin-bottom:1.1111vw; font-size:4.4444vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.notice .noticeListWrap .date{color:#888;}

/* noticeDetail */
#container.noticeDetail{width:100vw;height:100vh; overflow:auto; padding: calc(13.3333vw + env(safe-area-inset-top)) 0 calc(21.3333vw + env(safe-area-inset-bottom)); background: #F8F8F8;}

.customer .noticeDetailTit{z-index:10;position:sticky;top:0;left:0;width:100%;padding:8.8889vw 4.4444vw;background:#fff;}
.customer .noticeDetailTit p.tit{margin:4.4444vw 0 2.2222vw 0;font-size:6.6667vw;font-weight:600;word-break: keep-all;}
.customer .noticeDetailTit span.date{display:block;color:#888;}
.customer .noticeDetailCon{width:100vw;padding:6.6667vw 4.4444vw;}
.customer .noticeDetailCon .txt{line-height:6.1111vw;}
.customer .noticeDetailCon .more{border-bottom:0.2778vw solid #888;line-height:5.8333vw;color:#888;}

/* customerAgreement */
.noticeAgreeWrap{margin-top:6.6667vw;}
.noticeAgreeWrap dl{position:relative;padding:2.2222vw 0;border-bottom:0.2778vw solid #eee;} 
.noticeAgreeWrap dl.on{border-bottom:0;}
.noticeAgreeWrap dt{height:20.0000vw;padding:3.3333vw 0;}
.noticeAgreeWrap dt p.tit{width:73.0556vw;margin-bottom: 1.1111vw;font-size:5.0000vw;font-weight:600; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.noticeAgreeWrap dt p.tit.underline{text-decoration:underline;}
.noticeAgreeWrap dt .arrowBtn{position:absolute;  right: 0; top:2.2222vw;width: 11.1111vw; height: 20.0000vw; background: url('../img/common/icon_acdSer.png') 0 0 no-repeat; background-size:11.1111vw 20.0000vw;transition: .3s;}
.noticeAgreeWrap dt .arrowBtn.on{transform:rotate(180deg);}
.noticeAgreeWrap .dateLink{display:inline-block;height:6.6667vw;}
.noticeAgreeWrap dt .dateLink:after{content:'';display:inline-block;width:6.6667vw;height:6.6667vw;vertical-align:middle;background:url('../img/customer/icon_viewOn.png') no-repeat;background-size:6.6667vw 6.6667vw;}
.noticeAgreeWrap dt .date{display:inline-block;margin:0 1.1111vw 0 0;font-size:4.4444vw;line-height:5.8333vw;vertical-align:middle;} 
.noticeAgreeWrap dl dd{display:none;width:100vw;margin-left:-4.4444vw;padding:3.3333vw 4.4444vw 4.1667vw 4.4444vw;background-color:#F8F8F8;}
.noticeAgreeWrap dd .subAgreeList li + li{margin-top:3.0556vw;}
.noticeAgreeWrap dd .subAgreeList li .dateLink:after{content:'';display:inline-block;width:6.6667vw;height:6.6667vw;vertical-align:middle;background:url('../img/customer/icon_viewOff.png') 0 0 no-repeat;background-size:6.6667vw 6.6667vw;}
.noticeAgreeWrap dd .subAgreeList li .dateLink .date{display:inline-block;margin:0 1.1111vw 0 0;font-size:4.4444vw;line-height:5.2778vw;vertical-align:middle;border-bottom:0.2778vw solid #888;color:#888;}

/* 에디터 CSS */
.note-editor b span {font-weight: 600;}
.note-editor p, .note-editor span, .note-editor font, .note-editor b {font-family: 'Apple SD Gothic Neo', sans-serif !important;}
.note-editor.note-airframe, .note-editor.note-frame { border:0 !important; }
.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false], .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {background-color: #f8f8f8 !important;}
.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {display: none !important;}

/* 신규혜택 dot추가 */

.customerHome .linkMenu ul li.newTag:after{z-index:2;content:'';position:absolute;top:50%;left:15.5556vw;transform:translateY(-50%);width:7.7778vw;height:4.4444vw;background:url('../img/common/icon_new.png') 0 0 no-repeat;background-size:7.7778vw 4.4444vw;}
.customerHome .linkMenu ul li:nth-child(2):after{left:10.2778vw;}
.customerHome .linkMenu ul li:nth-child(3):after{left:18.6111vw;}
.customerHome .linkMenu ul li:nth-child(4):after{left:32.5000vw;}
.noticeListWrap li.newTag .date{position:relative;}
.noticeListWrap li.newTag .date:after{content:'';position:absolute;top:0;left:20.5556vw;width:7.7778vw;height:4.4444vw;background:url('../img/common/icon_new.png') 0 0 no-repeat;background-size:7.7778vw 4.4444vw;}
.noticeAgreeWrap .dateLink{position:relative;}
.noticeAgreeWrap .dateLink.newTag .date:after{content:'';position:absolute;top:50%;left:29.4444vw;transform:translateY(-50%);width:7.7778vw;height:4.4444vw;background:url('../img/common/icon_new.png') 0 0 no-repeat;background-size:7.7778vw 4.4444vw;}
.customerHome .linkMenu ul li a.new:before{content:'';display:inline-block;width:2.2222vw;height:2.2222vw;margin:-0.5556vw 1.6667vw 0 0;background-color:#E8441A;border-radius:50%;vertical-align:middle;}

/* 고객센터 안내 추가 */
.linkMenu + .cusCenter{margin-top:16px;}