@charset "UTF-8";
@media (max-width: 1023px){
/*! contents - mobile */
.notice-type .table-col-type01 td.cnt a span.tit{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}
.no-results-wrap{margin-bottom:6.3rem;border-top:0.2rem solid #e5e5e5}
.no-results-wrap .no-results-cnt{padding:8.3rem 0;text-align:center;border-bottom:0.1rem solid #e5e5e5}
.no-results-wrap .no-results-cnt .ico{display:block;width:4.5rem;height:4.5rem;margin:0 auto 1rem;background:url(../../images/mo/ico_error.png) no-repeat;background-size:cover}
.no-results-wrap .no-results-cnt .txt{color:#555;font-size:1.4rem;line-height:1.6rem}
.notice-view-cnt{border-top:0.2rem solid #e5e5e5}
.notice-view-cnt > div{border-bottom:0.1rem solid #e5e5e5}
.notice-view-cnt > div.view-title{padding:2.3rem 1.5rem}
.notice-view-cnt > div.view-title .cate{display:block;margin-bottom:1.2rem;color:#e22c3d;font-family:"NotoSans-Medium";font-size:1.4rem;line-height:1.6rem}
.notice-view-cnt > div.view-title .title{display:block;margin-bottom:1.1rem;font-family:"NotoSans-Medium";font-size:1.8rem;line-height:2rem;text-align:left;letter-spacing:-1.5px}
.notice-view-cnt > div.view-title .date{color:#999;font-family:"Roboto-Regular";font-size:1.3rem;line-height:1.5rem}
.notice-view-cnt > div.view-cnt{padding:3.9rem 1.5rem}
.notice-view-cnt > div.view-cnt p{color:#555;font-size:1.4rem;line-height:2rem}
.notice-view-cnt > div.view-ft{padding:2rem 1.5rem}
.notice-view-cnt > div.view-ft .ico{position:relative;top:0.1rem;display:inline-block;margin-right:0.7rem;vertical-align:top}
.notice-view-cnt > div.view-ft span{display:inline-block;width:80%;word-break:break-all;color:#555;font-size:1.3rem;line-height:1.5rem;letter-spacing:-0.08rem}
.notice-view-cnt > div.view-ft .file{margin-bottom:0.7rem}
.notice-view-cnt > div.view-ft .file .down-bttn{display:inline-block;width:100%}
.notice-view-cnt > div.view-ft .file .down-bttn .ico{width:1.2rem;height:1.3rem;background:url(../../images/mo/ico_down.png) no-repeat;background-size:cover}
.notice-view-cnt > div.view-ft .link .link-bttn{display:inline-block;width:100%}
.notice-view-cnt > div.view-ft .link .link-bttn .ico{width:1.8rem;height:1rem;background:url(../../images/mo/ico_link2.png) no-repeat;background-size:cover}
.list-bttn{margin:3rem 0 7.3rem}
.list-bttn a{display:block;width:15rem;margin:auto;padding:1.5rem 0;text-align:center;background-color:#3c4353;border-radius:2.3rem}
.list-bttn a .txt{color:#fff;font-family:"NotoSans-Medium";font-size:1.5rem;line-height:1.7rem}
.faq-accordion{border-top:0.2rem solid #e5e5e5}
.faq-accordion .accordion-item{border-bottom:0.1rem solid #e5e5e5}
.faq-accordion .accordion-item .qa{display:inline-block;margin-right:1rem;font-family:"Roboto-Medium";font-size:1.8rem;line-height:2rem}
.faq-accordion .accordion-item .txt{display:inline-block;word-break:keep-all}
.faq-accordion .accordion-item .que-bttn{position:relative;width:100%;padding:1.6rem 1.5rem;text-align:left;cursor:pointer}
.faq-accordion .accordion-item .que-bttn .ico01,.faq-accordion .accordion-item .que-bttn .ico02{position:absolute;top:3rem;right:1.5rem;width:1rem;height:0.2rem;background:#ccc;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all}
.faq-accordion .accordion-item .que-bttn .ico01{-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg);right:2.2rem}
.faq-accordion .accordion-item .que-bttn .ico02{-webkit-transform:rotateZ(-45deg);-ms-transform:rotate(-45deg);transform:rotateZ(-45deg)}
.faq-accordion .accordion-item .que-bttn .que{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.faq-accordion .accordion-item .que-bttn .que em{color:#e22c3b;vertical-align:middle}
.faq-accordion .accordion-item .que-bttn .que span{width:-webkit-calc(100% - 6rem);width:calc(100% - 6rem);font-family:"NotoSans-Medium";font-size:1.5rem;line-height:2.2rem;vertical-align:middle;letter-spacing:-0.1rem}
.faq-accordion .accordion-item .que-bttn.on .ico01{-webkit-transform:rotateZ(-45deg);-ms-transform:rotate(-45deg);transform:rotateZ(-45deg)}
.faq-accordion .accordion-item .que-bttn.on .ico02{-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg)}
.faq-accordion .accordion-item .detail{display:none;padding:2.2rem 1.5rem 2.5rem;background-color:#f5f7fa}
.faq-accordion .accordion-item .detail em{color:#777;vertical-align:top}
.faq-accordion .accordion-item .detail span{width:-webkit-calc(100% - 3rem);width:calc(100% - 3rem);margin-top:-0.3rem;color:#666;font-size:1.4rem;line-height:2.1rem;vertical-align:top;letter-spacing:-0.1rem}
.contactus-section .sub-title{padding-bottom:1.3rem;border-bottom:0.2rem solid #000}
.contactus-section .sub-title strong{font-family:"NotoSans-Medium";font-size:2.1rem;line-height:2.3rem}
.contactus-section .form-box{padding-top:3.4rem}
.contactus-section .form-box .form-cnt .prevention-box .prevention-form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:4.9rem}
.contactus-section .form-box .form-cnt .prevention-box .prevention-form .number-box{width:14.1rem}
.contactus-section .form-box .form-cnt .prevention-box .prevention-form .number-box img{width:100%;height:100%}
.contactus-section .form-box .form-cnt .prevention-box .prevention-form .bttn-area .bttn-wrap{display:inline-block;width:4.9rem;height:4.9rem}
.contactus-section .form-box .form-cnt .prevention-box .prevention-form .bttn-area .bttn-wrap button{width:100%;height:100%;text-align:center;cursor:pointer}
.contactus-section .form-box .form-cnt .prevention-box .prevention-form .bttn-area .bttn-wrap button em{display:inline-block;width:1.5rem;height:1.7rem;vertical-align:bottom;background-repeat:no-repeat;background-size:cover}
.contactus-section .form-box .form-cnt .prevention-box .prevention-form .bttn-area .bttn-wrap.voice-btn{background-color:#000}
.contactus-section .form-box .form-cnt .prevention-box .prevention-form .bttn-area .bttn-wrap.voice-btn .ico{background-image:url(../../images/mo/ico_voice.png)}
.contactus-section .form-box .form-cnt .prevention-box .prevention-form .bttn-area .bttn-wrap.refresh-btn{margin-left:-0.4rem;background-color:#777}
.contactus-section .form-box .form-cnt .prevention-box .prevention-form .bttn-area .bttn-wrap.refresh-btn .ico{background-image:url(../../images/mo/ico_refresh.png)}
.contactus-section.section02{margin-top:6rem;padding:4.8rem 0 6rem;background-color:#f5f7fa}
.contactus-section.btn-area{margin:3rem 0 6rem;text-align:center}
.contactus-section.btn-area .bttn{width:12rem;padding:1.5rem 0;margin:0 0.5rem;text-align:center;border-radius:2.2rem}
.contactus-section.btn-area .bttn .txt{color:#fff;font-family:"NotoSans-Medium";font-size:1.4rem;line-height:1.6rem}
.contactus-section.btn-area .bttn.cancel-btn{background-color:#777}
.contactus-section.btn-area .bttn.submit-btn{background-color:#e22c3b}}
@media (min-width: 1024px){
/*! contents - pc */
.notice-type .table-col-type01{border-color:#e5e5e5}
.notice-type .table-col-type01 td.cnt a span.tit{font-family:"NotoSans-DemiLight"}
.notice-type .table-col-type01 td.cnt a span.tit.notice-tit{font-family:"NotoSans-Medium"}
.no-results-wrap{margin-bottom:100px;border-top:3px solid #e5e5e5}
.no-results-wrap .no-results-cnt{padding:131px 0;text-align:center;border-bottom:1px solid #e5e5e5}
.no-results-wrap .no-results-cnt .ico{display:block;width:60px;height:60px;margin:0 auto 18px;background:url(../../images/sub/ico_error.png) no-repeat}
.no-results-wrap .no-results-cnt .txt{color:#555;font-size:16px;line-height:18px}
.notice-view-cnt{border-top:3px solid #e5e5e5}
.notice-view-cnt > div{border-bottom:1px solid #e5e5e5}
.notice-view-cnt > div.view-title{position:relative;padding:38px 30px}
.notice-view-cnt > div.view-title .cate{display:block;margin-bottom:18px;color:#e22c3d;font-family:"NotoSans-Medium";font-size:16px;line-height:18px}
.notice-view-cnt > div.view-title .title{font-family:"NotoSans-Medium";font-size:28px;line-height:30px;letter-spacing:-1.5px}
.notice-view-cnt > div.view-title .date{position:absolute;right:30px;top:50%;color:#999;font-family:"Roboto-Regular";font-size:18px;line-height:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.notice-view-cnt > div.view-cnt{padding:78px 30px}
.notice-view-cnt > div.view-cnt p{color:#555;font-size:18px;line-height:27px}
.notice-view-cnt > div.view-ft{padding:20px 30px}
.notice-view-cnt > div.view-ft .file{margin-bottom:12px}
.notice-view-cnt > div.view-ft .file .down-bttn{display:inline-block;width:100%}
.notice-view-cnt > div.view-ft .file .down-bttn .ico{position:relative;top:3px;display:inline-block;width:15px;height:18px;margin-right:10px;background:url(../../images/common/sprite_pc.png) no-repeat;background-position:-95px 0}
.notice-view-cnt > div.view-ft .ico{vertical-align:top}
.notice-view-cnt > div.view-ft .link .link-bttn{display:inline-block;width:100%}
.notice-view-cnt > div.view-ft .link .link-bttn .ico{position:relative;top:3px;display:inline-block;width:24px;height:14px;margin-right:10px;background:url(../../images/common/sprite_pc.png) no-repeat;background-position:0 -34px}
.notice-view-cnt > div.view-ft span{color:#555;line-height:18px;letter-spacing:-0.8px;display:inline-block;width:95%;word-break:break-all}
.list-bttn{margin:60px 0 100px}
.list-bttn a{display:block;width:180px;margin:auto;padding:20px 0;text-align:center;background-color:#3c4353;border-radius:30px}
.list-bttn a .txt{color:#fff;font-family:"NotoSans-Medium";font-size:18px;line-height:20px}
.faq-accordion{border-top:3px solid #e5e5e5}
.faq-accordion .accordion-item{border-bottom:1px solid #e5e5e5}
.faq-accordion .accordion-item .qa{display:inline-block;margin-right:17px;font-family:"Roboto-Medium";font-size:28px;line-height:30px;vertical-align:top}
.faq-accordion .accordion-item .txt{display:inline-block;word-break:keep-all}
.faq-accordion .accordion-item .que-bttn{position:relative;width:100%;padding:30px 40px;text-align:left;cursor:pointer}
.faq-accordion .accordion-item .que-bttn .ico01,.faq-accordion .accordion-item .que-bttn .ico02{position:absolute;top:44px;right:40px;width:12px;height:2px;background:#ccc;-webkit-transition:.4s all;-o-transition:.4s all;transition:.4s all}
.faq-accordion .accordion-item .que-bttn .ico01{-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg);right:48px}
.faq-accordion .accordion-item .que-bttn .ico02{-webkit-transform:rotateZ(-45deg);-ms-transform:rotate(-45deg);transform:rotateZ(-45deg)}
.faq-accordion .accordion-item .que-bttn .que{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.faq-accordion .accordion-item .que-bttn .que em{color:#e22c3b}
.faq-accordion .accordion-item .que-bttn .que span{width:-webkit-calc(100% - 80px);width:calc(100% - 80px);font-family:"NotoSans-Medium";font-size:20px;line-height:22px;vertical-align:middle;letter-spacing:-1px}
.faq-accordion .accordion-item .que-bttn.on .ico01{-webkit-transform:rotateZ(-45deg);-ms-transform:rotate(-45deg);transform:rotateZ(-45deg)}
.faq-accordion .accordion-item .que-bttn.on .ico02{-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg)}
.faq-accordion .accordion-item .detail{display:none;padding:35px 40px 49px;background-color:#f5f7fa}
.faq-accordion .accordion-item .detail em{color:#777}
.faq-accordion .accordion-item .detail span{width:-webkit-calc(100% - 45px);width:calc(100% - 45px);margin-top:-3px;color:#666;font-size:18px;line-height:30px;vertical-align:top;letter-spacing:-0.8px}
.contactus-section .sub-title{padding-bottom:22px;border-bottom:2px solid #000}
.contactus-section .sub-title strong{font-family:"NotoSans-Medium";font-size:28px;line-height:30px}
.contactus-section .form-box-wrap{padding:42px 0 80px}
.contactus-section .form-box-wrap .form-box{margin-bottom:32px}
.contactus-section .form-box-wrap .form-box .form-cnt{width:-webkit-calc(100% - 196px);width:calc(100% - 196px)}
.contactus-section .form-box-wrap .form-box .form-cnt.select-cnt .input-txt,.contactus-section .form-box-wrap .form-box .form-cnt.select-cnt > div{display:inline-block;width:48%;vertical-align:top}
.contactus-section .form-box-wrap .form-box .form-cnt.select-cnt .input-txt{margin-left:20px;border:none}
.contactus-section .form-box-wrap .form-box .form-cnt.select-cnt .input-txt input{width:100%}
.contactus-section .form-box-wrap .form-box .form-cnt.input-type01 input[type="text"]{width:100%}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .prevention-box{display:inline-block;vertical-align:middle}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .prevention-box .prevention-form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .prevention-box .prevention-form .number-box{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .prevention-box .prevention-form .bttn-wrap{display:inline-block;width:49px;height:49px;background-color:#fff}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .prevention-box .prevention-form .bttn-wrap button{width:100%;height:100%;text-align:center;cursor:pointer}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .prevention-box .prevention-form .bttn-wrap button em{display:inline-block;width:22px;height:24px;vertical-align:bottom;background:url(../../images/common/sprite_pc.png) no-repeat}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .prevention-box .prevention-form .bttn-wrap.voice-btn{background-color:#000}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .prevention-box .prevention-form .bttn-wrap.voice-btn .ico{background-position:0 0}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .prevention-box .prevention-form .bttn-wrap.refresh-btn{margin-left:-4px;background-color:#777}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .prevention-box .prevention-form .bttn-wrap.refresh-btn .ico{background-position:-64px 0}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .input-txt{width:360px;margin-left:40px;vertical-align:bottom}
.contactus-section .form-box-wrap .form-box .form-cnt.prevention-wrap .input-txt input{width:100%}
.contactus-section .form-box-wrap .form-box:last-child{margin-bottom:0}
.contactus-section .form-box-wrap .form-box .company-input{width:49%}
.contactus-section.section02{max-width:1640px;margin:auto;padding-top:79px;background-color:#f5f7fa}
.contactus-section.section02 .input-txt,.contactus-section.section02 input{background-color:transparent}
.contactus-section.section02 .textarea-box{margin-top:40px}
.contactus-section.section02 .textarea-box .form-tit{margin-top:10px;vertical-align:top}
.contactus-section.section02 .textarea-box textarea{width:100%;height:241px;padding:26px 28px;resize:none;border:2px solid #ddd;font-size:18px;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.contactus-section.section02 .textarea-box textarea::-webkit-input-placeholder{color:#999;font-size:18px;line-height:20px;letter-spacing:-1px}
.contactus-section.section02 .textarea-box textarea::-moz-placeholder{color:#999;font-size:18px;line-height:20px;letter-spacing:-1px}
.contactus-section.section02 .textarea-box textarea:-ms-input-placeholder{color:#999;font-size:18px;line-height:20px;letter-spacing:-1px}
.contactus-section.section02 .textarea-box textarea::-ms-input-placeholder{color:#999;font-size:18px;line-height:20px;letter-spacing:-1px}
.contactus-section.section02 .textarea-box textarea::placeholder{color:#999;font-size:18px;line-height:20px;letter-spacing:-1px}
.contactus-section.section02 .textarea-box textarea:focus{border-color:#000}
.contactus-section.btn-area{margin:60px 0 100px;text-align:center}
.contactus-section.btn-area .bttn{width:180px;padding:20px 0;margin:0 5px;text-align:center;border-radius:30px}
.contactus-section.btn-area .bttn .txt{color:#fff;font-family:"NotoSans-Medium";font-size:18px;line-height:20px}
.contactus-section.btn-area .bttn.cancel-btn{background-color:#777}
.contactus-section.btn-area .bttn.submit-btn{background-color:#e22c3b}}
@media (min-width: 1024px) and (min-width: 1024px) and (max-width: 1200px){
.contactus-section .form-box-wrap .form-box .company-input{width:48%}}
/*# sourceMappingURL=../../../../sass_maps/assets/front/inc/css/customer.css.map */
