/* toggle list(FAQ) */
.toggleList{ border-top:2px solid #33477e;}
.toggleList > dl{ border:1px solid transparent; border-bottom-color: #ddd; /* overflow:hidden; */}
.toggleList > dl:first-of-type{ border-top:0;}
.toggleList > dl > dt{ position:relative; }
.toggleList > dl > dt > a{ position:relative; display:block; padding:0.75rem 5rem 0.75rem 1.5rem; color:#000; font-size:1rem; font-weight:400; word-break: keep-all; z-index: 1;}
.toggleList > dl > dt:after{ content:"\e941"; position:absolute; right:1.5rem; top:0.7rem; font-weight:400; font-size:1rem; font-family: 'xeicon';}
.toggleList > dl > dt:before{ content:"더보기"; position:absolute; right:3rem; top:0.9rem;}
.toggleList > dl > dd{ display:none; padding:1rem 0; margin:0 1.5rem; border-top:1px solid #ddd;}
.toggleList > dl > dd > h3:first-child,
.toggleList > dl > dd > h4:first-child,
.toggleList > dl > dd > h5:first-child{ margin-top:0 !important;}
.toggleList > dd .tbl_st table{ border-color:#333; font-size:0.75rem;}
/* toggle list : active */
.toggleList > dl, .toggleList > dl > dt > a{ transition: all .2s; -webkit-transition: all .2s;}
.toggleList > dl.active{ border-color:#33477e}
.toggleList > dl.active > dt{ background:#33477e; }
.toggleList > dl.active > dt:after{ content:"\e944"; color:#fff;}
.toggleList > dl.active > dt:before{ content:"닫기"; color:#fff;}
.toggleList > dl.active > dt > a{ color:#fff; font-weight: 700;}
.toggleList > dl.active > dd{ display:block;}
/* toggle list : type2 */
.toggleList.ty2 > dl > dt{ padding-right:6rem;}
.toggleList.ty2 > dl > dt:after{ content:"상세내용보기"; top:0.9rem; color:#3f56c8; font-size:0.75rem; text-decoration: underline; font-family: 'SCDream'; }

.toggleList.Faq > dl { border: none; }
.toggleList.Faq > dl > dt { border-bottom: 1px solid #c0c6d1; }
.toggleList.Faq > dl > dt:before{ display: none; }
.toggleList.Faq > dl > dt:after { top: 1.1rem; z-index: 1; }
.toggleList.Faq > dl > dd { position: relative; margin: 0; background: #f9f9f9; padding: 1.75rem 3rem 2rem 3.1rem; font-size: 0.8rem; border-top: none; }
.toggleList.Faq > dl > dd::before { position: absolute; top: 1.5rem; left: 1rem; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; text-align: center; color: #fff; background: #8f8f8f; border-radius: 50%; font-size: 0.9rem; content: "A"; }
.toggleList.Faq > dl > dt > a { padding: 1rem 4rem 1rem 3.1rem; font-size: 0.85rem; }
.toggleList.Faq > dl > dt > a::before { position: absolute; top: 0.85rem; left: 1rem; width: 1.6rem; height: 1.6rem; line-height: 1.5rem; text-align: center; border: 1px solid #dde7ff; color: #4366c1; border-radius: 50%; font-size: 0.9rem; content: "Q"; }

.toggleList.Faq > dl.active > dd { border-bottom: 1px solid #e0e3e8; }
.toggleList.Faq > dl.active > dt > a { color: #010101; background: #fff; font-weight: 400; }
.toggleList.Faq > dl.active > dt { border-bottom-color: #4366c1; }
.toggleList.Faq > dl.active > dt:after { color: #000; }
.toggleList.Faq > dl.active > dt > a::before { background: #4366c1; border-color: #4366c1; color: #fff; }


/* media query mobile */
@media (max-width: 1440px) {
}



@media (max-width: 1240px) {
}



@media (max-width: 1024px) {
}



@media (max-width: 768px) {
    /* toggle list */
    .toggleList > dl > dt:after{ font-size:0.9rem; top:0.75rem; right:0.75rem;}
    .toggleList > dl > dt:before{ top:0.85rem; right:2rem;}
    .toggleList > dl > dt > a{ font-size:0.9rem; padding:0.75rem 4rem 0.75rem 1rem;}
    .toggleList > dl > dd{ margin:0 .75rem;}

    .toggleList.Faq > dl > dd { padding: 1.5rem 1.5rem 1.5rem 3.4rem; }
    .toggleList.Faq > dl > dt > a::before { width: 1.5rem; height: 1.5rem; line-height: 1.4rem; font-size: 0.8rem; }
    .toggleList.Faq > dl > dd::before { width: 1.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.8rem; }
    .toggleList.Faq > dl > dt > a { padding: 0.8rem 2.5rem 0.8rem 3.5rem; }
}



@media (max-width: 580px) {
}



@media (max-width: 480px) {
         /* toggle list */
    .toggleList > dl > dt:before{ display:none;}
    .toggleList > dl > dt > a{ padding-right:1.75rem;}
    .toggleList.ty2 dt{ padding-right:1rem;}
    .toggleList.ty2 dt:after{display:none;}
}



@media (max-width: 380px) {
}