.sub-con{padding:80px 0 100px; max-width:1920px; margin:0 auto}
.SubWrap{}
.SubWrap > div.con + div.con{margin-top:120px;}
.SubWrap h4.monTIT{font-family:'Montserrat'; text-align:center; font-size:50px; margin-bottom:50px;}


.guide { width: 1200px; margin: 0 auto; background-color: #f6f6f6; } 
.guide p { text-align: center; font-size: 24px; padding: 20px 0; vertical-align: middle; font-weight:bold; } 
.guide p img { position: relative; top: -3px; padding-right: 5px; filter:drop-shadow(0px 1000px 0 var(--mainColor)); transform:translateY(-1000px); overflow:hidden;} 


.subTitleA{display:block; margin:0 auto 70px;}
.subTitle{font-size:40px; font-weight:bold; color:#333; text-align:center;}

.s-tit01{font-size:34px; color:#333; text-align:center; font-weight:bold;}
.s-txt01{font-size:18px; color:#333; text-align:center;}
.s-tit01 + .s-txt01{margin-top:25px;}







.lineTxt{ margin-top:20px;}
.textBox .subTit{font-size:40px; font-weight:400; color:#333; font-weight:bold; letter-spacing:-1.4px; margin:30px auto 40px; line-height:1.5;}
.textBox .subTxt{font-size:17.98px; font-weight:400; color:#333; letter-spacing:-1.4px; text-align:justify; width:100%; line-height:1.6;}
.SL-line{width:3px; height:16px; background:#9f56a2; content:""; display:inline-block; transform:rotate(45deg); margin:0 7.5px;}
.SL-line02{width:3px; height:25px; background:#fff; content:""; display:inline-block; transform:rotate(-45deg); margin-left:27.5px; margin-top:20px;}
.line01{background:#e5d5c3}
.line02{background:#d2b596}
.line03{background:#bf966a}
.con + .con{margin-top:145px;}



/*공통*/
.nSb .nSbTit{color: var(--Black, #000); text-align: center; font-family: Pretendard; font-size: 4.2rem; font-style: normal; font-weight: 700; line-height: 150%;}
.nSb .nSbTit2{color: var(--Black, #000); text-align: center; font-family: Pretendard; font-size: 3.6rem; font-style: normal; font-weight: 700; line-height: 150%;}
.nSb .nSbTit.white{color:#ffffff;}
.nSb .nSbTit.thin{font-weight:600;}
.nSb .nSbTit small{font-size:3.2rem;}
.nSb .nSbTxt{color: var(--gray-70, #343B45); text-align: center; font-family: Pretendard; font-size: 2.4rem; font-style: normal; font-weight: 400; line-height: 150%;}
.nSb .nSbTxt strong{font-weight:600}
.nSb .nSbTit + .nSbTxt{margin-top:3.2rem;}
.nSb .nSbTit2 + .nSbTxt{margin-top:2rem;}
.nSb > section + section{margin-top:12rem !important;}

@media (max-width:768px){

.nSb .nSbTit{font-size: 2.4rem;}
.nSb .nSbTit2{font-size:2.0rem;}
.nSb .nSbTit small{font-size:1.8rem;}
.nSb .nSbTxt{font-size: 1.8rem;}
.nSb .nSbTxt strong{}
.nSb .nSbTit + .nSbTxt{margin-top:1.2rem;}

.nSb > section + section{margin-top:5.2rem !important;}

}

@media (max-width:360px){

/*.nSb .nSbTit { font-size:6.67vw; }
.nSb .nSbTit2 { font-size:5.56vw; }
.nSb .nSbTit small { font-size:5.00vw; }
.nSb .nSbTxt { font-size:5.00vw; }
.nSb .nSbTxt strong {}
.nSb .nSbTit + .nSbTxt { margin-top:3.33vw; }

.nSb > section + section { margin-top:14.44vw !important; }*/

}




/* ===================== 공통 구조 ===================== */

.cardComp .cardA{display:flex; align-items:center; justify-content:center;}

.cardComp .card{position:relative; display:flex; align-items:center; justify-content:center; width:28.57%; height:186px; margin-right:-6rem; border-radius:100vw;}

.cardComp .card:nth-child(1){z-index:3;}
.cardComp .card:nth-child(2){z-index:2;}
.cardComp .card:nth-child(3){z-index:1; margin-right:0;}

.cardComp .item{display:flex; flex-direction:column; align-items:center; justify-content:center;}

.cardComp .txt1{text-align:center; font-family:Pretendard; font-size:2.4rem; font-weight:700; line-height:150%;}
.cardComp .txt2{text-align:center; font-family:Pretendard; font-size:7.2rem; font-weight:700; line-height:150%;}

.cardComp .item span{position:absolute; top:50%; right:14px; z-index:10; display:flex; align-items:center; justify-content:center; width:32px; height:32px; transform:translateY(-50%);}

.cardComp .card:nth-child(3) span{display:none;}

.cardComp .cardA .card{opacity:0; transform:translateX(-30px); transition:opacity 1s ease, transform 1s ease;}
.cardComp .cardA .card:nth-child(1), .cardComp .cardA .card.on{opacity:1; transform:translateX(0);}

/* ===================== 기본 테마 (기존 con2) ===================== */

.cardComp--typeA .card:nth-child(1){background:linear-gradient(293deg, rgba(121,160,231,.7) 10.67%, rgba(184,209,255,.7) 87.56%);}
.cardComp--typeA .card:nth-child(2){background:linear-gradient(180deg, rgba(157,242,242,.7) 0%, rgba(117,181,181,.7) 100%);}
.cardComp--typeA .card:nth-child(3){background:linear-gradient(180deg, rgba(229,253,239,.7) 0%, rgba(127,204,158,.7) 100%);}

.cardComp--typeA .txt1{color:#023F88;}
.cardComp--typeA .card:nth-child(2) .txt1, .cardComp--typeA .card:nth-child(3) .txt1{color:#2B767B;}

.cardComp--typeA .txt2{color:#023F88;}
.cardComp--typeA .card:nth-child(2) .txt2, .cardComp--typeA .card:nth-child(3) .txt2{color:#fff; text-shadow:0 0 30px rgba(56,146,146,.7);}

/* ===================== 변형 테마 (기존 con3) ===================== */

.cardComp--typeB .card:nth-child(1){background:linear-gradient(293deg, rgba(231,134,121,.7) 10.67%, rgba(255,192,184,.7) 87.56%);}
.cardComp--typeB .card:nth-child(2){background:linear-gradient(180deg, rgba(242,214,157,.7) 0%, rgba(181,160,117,.7) 100%);}
.cardComp--typeB .card:nth-child(3){background:linear-gradient(180deg, rgba(248,253,229,.7) 0%, rgba(189,204,127,.7) 100%);}

.cardComp--typeB .card:nth-child(1) .txt1, .cardComp--typeB .card:nth-child(1) .txt2{color:#881202;}
.cardComp--typeB .card:nth-child(2) .txt1{color:#7B602B;}
.cardComp--typeB .card:nth-child(3) .txt1{color:#5E6C28;}

.cardComp--typeB .txt2{color:#023F88;}
.cardComp--typeB .card:nth-child(2) .txt2{color:#fff; text-shadow:0 0 30px rgba(123,96,43,.7);}
.cardComp--typeB .card:nth-child(3) .txt2{color:#fff; text-shadow:0 0 30px rgba(94,108,40,.7);}

/* ===================== 반응형 ===================== */

@media (max-width:768px){

.cardComp .card{width:115px; height:115px; margin-right:-2rem;}

.cardComp .txt1{font-size:1.6rem;}
.cardComp .txt2{font-size:2.4rem;}

.cardComp .item span{right:2px; width:16px; height:16px;}

}


@media (max-width:360px){

/*.cardComp .txt1{font-size:4.44vw;}
.cardComp .txt2{font-size:6.67vw;}*/

}



.s0701{}
.s0701 button:focus{outline:none;}
.faqTab{}
.faqTab__panel{display:none;}
.faqTab__panel.on{display:block;}

.faqList{display:flex; flex-direction:column; gap:2rem;}

.faqItem{overflow:hidden; border:1px solid #C2C9D6; border-radius:20px; background:#fff;}

.faqItem__head{display:flex; position:relative; width:100%; padding:2rem 8.8rem 2rem 4rem; box-sizing:border-box; flex-direction:column; align-items:flex-start; border:0; background:#fff; text-align:left; cursor:pointer;}

.faqItem__head::after{content:''; position:absolute; top:50%; right:4rem; width:32px; height:32px; transform:translateY(-50%); background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M8 12L16 20L24 12' stroke='%23505861' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;}

.faqItem__cate{display:block; margin-bottom:1.2rem; color:#8b96a7; font-size:2rem; font-weight:400; line-height:1.4;}

.faqItem__tit{display:block; color:#000; font-size:2.4rem; font-weight:700; line-height:1.4;}

.faqItem__body{display:none; align-items:flex-start; gap:1.6rem; padding:0 4rem 4rem;}

.faqItem__body::before{content:''; display:block; position:absolute; left:50%; transform:translateX(-50%); top:0; height:1px; background:#E4E8F0; width:calc(100% - 8rem);}

.faqItem__body{position:relative; color:#343b45;}

.faqItem__body > span{display:inline-flex; width:3.6rem; height:3.6rem; flex:0 0 3.6rem; align-items:center; justify-content:center; margin-top:2rem; border-radius:50%; background:#0050a4; color:#fff; font-size:2rem; font-weight:700; line-height:1;}

.faqItem__body > div{padding-top:2rem;}

.faqItem__body p{margin:0; color:#343b45; font-size:2rem; font-weight:400; line-height:1.7;}

/*.s0701 .faqItem.is-on .faqItem__body{display:flex;}*/

.faqItem.is-on .faqItem__head::after{transform:translateY(-50%) rotate(180deg);}

@media screen and (max-width:768px){
.s0701{padding-bottom:5.2rem;}
.faqList{gap:1.2rem;}
.faqItem{}
.faqItem__head{padding:2rem; padding-right:5.6rem;}
.faqItem__head::after{width:20px; height:20px; right:2rem;}
.faqItem.is-on .faqItem__head{padding:2rem 2rem 1.2rem;}
.faqItem__cate{font-size:1.4rem; margin-bottom:0.4rem;}
.faqItem__tit{font-size:1.8rem;}
.faqItem__body{padding:1.2rem 2rem 2rem; box-sizing:border-box; flex-direction:column; align-items:flex-start; gap:0.8rem;}
.faqItem__body::before{width:calc(100% - 4rem);}
.faqItem__body > span{display:flex; width:2.4rem; height:2.4rem; flex-direction:column; justify-content:center; align-items:center; gap:7.5px; aspect-ratio:1/1; flex:0 0 2.4rem; font-size:1.2rem; margin:0;}
.faqItem__body p{font-size:1.6rem;}
.faqItem__body > div{padding-top:0;}
}


br.br360{display:none}


@media (max-width:360px){
br.br360{display:block !important;}
}