@charset "utf-8";
/* Faq */
.group:not(:last-of-type){padding-bottom: 60px;}
.faq-desc{text-align: center; margin-bottom: 50px;}
.group .m-tit2{text-align: center; margin-bottom: 30px;}

@media screen and (max-width: 768px){
    .group:not(:last-of-type){padding-bottom: 40px;}
    .faq-desc{margin-bottom: 30px; text-align: left;}
    .group .m-tit2{margin-bottom: 20px;}
}

/* Subnav */
.subnav{display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-bottom: 60px;}
.subnav a{width: 32.67%; font-size: 1.8rem; font-weight: bold; line-height: 1.2; height: 52px; border-radius: 52px; flex-wrap: wrap; display: flex; justify-content: center; align-items: center; align-content: center; position: relative; background: #fff; border: 2px solid #4B4594; color: #4B4594; transition: .4s cubic-bezier(0.37, 0, 0.63, 1); text-align: center;}
.subnav a:after{content: ""; width: 22px; height: 22px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%) rotate(90deg); background: #4B4594; mask: url("../img/common/ic-arrow.svg") no-repeat top left/100% 100%; -webkit-mask: url("../img/common/ic-arrow.svg") no-repeat top left/100% 100%; display: block; transition: .4s cubic-bezier(0.37, 0, 0.63, 1);}

.subnav a.is-active,
.subnav a:hover{background: #4B4594; color: #fff;}

.subnav a.is-active:after,
.subnav a:hover:after{background: #fff;}

@media screen and (max-width: 768px){    
    .subnav{margin-bottom: 40px;}
    .subnav a{font-size: 1.6rem; height: 46px; width: 100%; margin-bottom: 10px;}
    .subnav a:last-of-type{margin-bottom: 0;}
    .subnav a:after{width: 18px; height: 18px; right: 16px;}
}

/* FAQ List */
.faq-item{background: #fff; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); padding: 30px 40px; border-radius: 10px; overflow: hidden; margin-bottom: 30px;}
.faq-item .question{position: relative; padding: 0 50px; font-size: 2.2rem; line-height: 1.6; font-weight: bold; cursor: pointer;}
.faq-item .question:before{content: "Q."; font-size: 3.4rem; line-height: 1; font-weight: bold; color: #4B4594; font-family: "Afacad", sans-serif; position: absolute; top: 0; left: 0;}
.faq-item .question i{display: block; position: absolute; top: 0; right: -10px; width: 40px; height: 40px; border-radius: 100%; background: #4B4594;}
.faq-item .question i:before,
.faq-item .question i:after{content: ""; display: block; background: #fff; position: absolute;}
.faq-item .question i:before{width: 20px; height: 2px; left: 10px; top: 19px;}
.faq-item .question i:after{width: 2px; height: 20px; left: 19px; top: 10px;}
.faq-item .question.is-open i:after{display: none;}

.faq-item .answer{position: relative; padding-left: 50px; margin-top: 20px; display: none;}
.faq-item .answer:before{content: "A."; font-size: 3.4rem; line-height: 1; font-weight: bold; color: #E57139; font-family: "Afacad", sans-serif; position: absolute; top: 0; left: 0;}

@media screen and (max-width: 768px){
    .faq-item{padding: 15px; margin-bottom: 20px;}
    .faq-item .question{font-size: 1.7rem; padding: 0 40px;}
    .faq-item .question:before{font-size: 3rem; top: -2px;}
    .faq-item .question i{transform: scale(0.7); top: -5px;}
    
    .faq-item .answer{padding-left: 40px; margin-top: 10px;}
    .faq-item .answer:before{font-size: 3rem;}
}

/* Inquiry */
.inquiry .m-tit2{text-align: center;position: relative;padding-bottom: 1.067em;}
.inquiry .m-tit2::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 1.562em;height: 0.65em;clip-path: polygon(0 0, 50% 100%, 100% 0);background: #000;}
.inquiry-wrap{background: #fff; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); padding: 30px; border-radius: 10px; overflow: hidden;}

@media screen and (max-width: 768px){
    .inquiry-wrap{padding: 15px;}
}