@charset "utf-8";
/*-----------------
     content
-------------------*/

/* 사이트맵 영역 */
.sitemap-content-area { padding:8rem 0;}
.sitemap-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 12rem; max-width: 150rem; margin: 0 auto; }
.brand-logo {width: 21rem; height: 9.9rem;background-image: url(../../img/frt/main/logo.svg);background-position: left top; background-repeat: no-repeat; background-size: contain; }
.brand-tagline { padding: 11.5rem 0 0 0; font-size: 2rem; color: #464C53; line-height: 1.4;  font-family: 'Anton', sans-serif; font-weight: normal;}
.column-title { font-size: 2.4rem; font-weight: 700; color: #9716B4; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 2px solid #9716B4; }
.sitemap-links { list-style: none; padding: 0; margin: 0; }
.sitemap-links li {margin-bottom: 0.8rem; }
.sitemap-links a { color: #464C53; text-decoration: none; font-size: 1.7rem; transition: color 0.2s ease; display: block; padding: 0.2rem 0; }
.sitemap-links a:hover { color: #9716B4; }
.sub-link { margin-left: 1.6rem;position: relative; }
.sub-link::before {content: "-"; position: absolute;left: -1.4rem;top:0.2rem; color: #464C53; font-weight: bold; }
.sub-link a { color: #464C53; font-size: 1.7rem; }
.sub-link a:hover { color: #9716B4; }

/* help&guide 영역 */
.faq-content-area { padding: 5rem 0 0 0;}
.faq-filter-area {margin-bottom:3rem; }
.filter-dropdown {max-width: 30rem; }
.filter-dropdown .form-select:focus { outline: none; border-color: #611183; box-shadow: 0 0 0 2px rgba(108, 92, 231, 0.2); }
.faq-list {border: 1px solid #CDD1D5; border-bottom: none;}
.faq-item {border: none; border-bottom: 1px solid #CDD1D5; margin-bottom: 0; transition: all 0.3s ease; cursor: pointer; position: relative; }
.faq-item.active .faq-question { background-color:#611183; color: #fff; }
.faq-question { padding: 2rem 2.4rem; display: flex; align-items: center; gap: 0; transition: all 0.3s ease;color: #464C53; }
.category-tag { background-color: transparent; color: #464C53; padding: 0 1rem 0 0; font-size: 1.7rem; font-weight: 400; white-space: nowrap; }
.faq-item.active .category-tag { background-color: transparent; color: #fff; }
.question-text { font-size: 1.7rem; font-weight: 400; line-height: 1.5; flex: 1;  }
.faq-answer { padding: 2rem 2.4rem; background-color: #F7F7F7; display: none; }
.faq-item.active .faq-answer { display: block; }
.faq-answer p { margin: 0; font-size: 1.6rem; line-height: 1.6; color: #464C53; }

/* 공지사항 상세영역 */
.dv-view {border-top: 0.2rem solid #611183; border-bottom: 0.1rem solid #CDD1D5;margin:5rem 0 0 0;}
.dv-view .title { font-size: 2rem; font-weight: 700; color: #464C53; padding: 1.8rem 1rem; line-height: 1.4;background-color: #F4F5F6; }
.dv-view .sub-info { border-top: 1px solid #CDD1D5; border-bottom: 1px solid #CDD1D5; padding: 1.2rem 1rem;}
.dv-view .sub-info ul {list-style: none; padding: 0; margin: 0; display: flex; color: #464C53; font-size: 1.7rem;}
.dv-view .sub-cont {padding: 3rem 1.5rem; line-height: 1.8;color: #464C53; font-size: 1.7rem; font-weight: 300;}
.dv-view .sub-cont p { margin-bottom: 1.2rem; }
.dv-view .sub-cont img {max-width: 100%;height: auto;display: block;margin: 1.5rem 0;}
.dv-prelist {border-top: 1px solid #CDD1D5; border-bottom: 1px solid #CDD1D5; margin-top: 2rem;}
.dv-prelist ul {list-style: none;padding: 0; margin: 0;}
.dv-prelist ul li { display: flex; align-items: center; border-bottom: 1px solid #CDD1D5; }
.dv-prelist ul li:last-child {border-bottom: none;}
.dv-prelist ul li strong { width: 8rem; font-size: 1.6rem; font-weight: 700; color: #1E2124;padding: 1.5rem 2rem; border-right: 1px solid #eee; flex-shrink: 0;}
.dv-prelist ul li a { display: block; flex-grow: 1; padding: 1.5rem 2rem;text-decoration: none; color: #464C53; font-size: 1.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s ease;}
.dv-prelist ul li a:hover { color: #9716B4; }

/* 이용약관 영역 */
.term-section { padding: 5rem 0; }
.term-section h3 { font-size: 2.4rem;font-weight: 700; color: #9716B4; margin-bottom: 2rem;}
.term-cho {margin-bottom: 3rem;}
.term-cho h4 {font-size: 1.9rem;font-weight: 600; color: #464C53; margin-bottom: 1rem; }
.term-cho p {color: #464C53; font-weight: 300; line-height: 1.7; font-size: 1.7rem;}
.term-cho > ul {list-style: none; padding:1rem 0 0 0; margin: 0;}
.term-cho > ul > li { display: block;font-size: 1.7rem;font-weight: 300; line-height: 1.6; color: #464C53; margin-bottom: 1.2rem;}
.term-cho > ul > li > span.term-no {display: inline-block; width: 2rem; vertical-align: top; font-weight: bold; color: #464C53;padding:0.2rem 0 0 0; }
.term-cho > ul > li > span.term-txt {display: inline-block; width:calc( 100% - 3rem);}
.term-cho ul .sub-two.termbox {width: 100%; order: 1; list-style: none; padding: 1.5rem 2rem 1rem 2rem; margin-top: 1.5rem; margin-bottom: 0; border: 1px solid #eee; background-color: #F4F5F6;}
.term-cho ul .sub-two.termbox li { font-size: 1.6rem; line-height: 1.7; margin-bottom:0; display: flex; align-items: baseline;}
.term-cho ul .sub-two.termbox li .term-no { color: #6c757d; font-weight: 600;  width: 3rem; flex-shrink: 0;  }

/* 개인정보처리방침 영역 */
.privacy-section { padding: 5rem 0; }
.privacy-cho {margin-bottom: 3rem;}
.privacy-cho h4 { font-size: 2rem;font-weight: 700; color: #9716B4; margin-bottom: 2rem;}
.privacy-cho p {color: #464C53; font-weight: 300; line-height: 1.7; font-size: 1.7rem;margin-bottom: 1rem;}
.privacy-cho .col-red {color:#CE4D52; font-weight: 700;}
.privacy-cho .backred { background-color: rgba(206, 77, 82, 0.3); padding: 0.3rem;}
.privacy-cho > ul {list-style: none; padding:1rem 0 0 0; margin: 0;}
.privacy-cho > ul > li { display: block;font-size: 1.7rem;font-weight: 300; line-height: 1.6; color: #464C53; margin-bottom: 1.2rem;}
.privacy-cho > ul > li > span.term-no {display: inline-block; width: 2rem; vertical-align: top; font-weight: 400; color: #464C53;padding:0.2rem 0 0 0; }
.privacy-cho > ul > li span.term-txt {display: inline-block; width:calc( 100% - 3rem);}
.privacy-cho ul .sub-two {width: 100%; order: 1; list-style: none; padding: 1.5rem 0 1rem 0;  margin-bottom: 0; }
.privacy-cho ul .sub-two > li { font-size: 1.6rem; line-height: 1.7; margin-bottom: 1.2rem;  align-items: baseline;}
.privacy-cho ul .sub-two > li .term-txt { font-weight:600; margin-bottom: 1rem;}
.privacy-cho ul .sub-two > li .term-no { color: #6c757d; font-weight: 600;  width: 3rem; flex-shrink: 0;  }
.privacy-cho ul .termbox {border: 1px solid #eee; background-color: #F4F5F6; margin-top: 1.5rem; padding:1.5rem 2rem;}
.privacy-cho ul .termbox li {margin-bottom:1rem;font-size: 1.6rem; line-height: 1.7; display: flex; align-items: baseline;}
.privacy-cho ul .termbox li:last-child {margin-bottom:0;} 
.privacy-cho ul .termbox li .term-txt {margin-bottom:0; font-weight: 400;}
.term-txt .btn-primary:hover {color:#fff;}

/* 404에러페이지 */
.error-container {display: flex; justify-content: center; align-items: center; min-height: 60vh; }
.error-content {padding:0;text-align: center;}
.error-content .error-num {font-size: 7em; margin: 0; padding: 0; color: #8A949E;  font-weight: 500; }
.error-content .error-tit {font-size: 4rem; color: #8A949E; margin-top:-4rem;}
.error-content .error-txt {font-size: 2.4rem;  color: #8A949E; margin:0;}
.error-content a {display: inline-block; color: #8A949E; font-size:2.4rem; font-weight: 400;  text-decoration: none; width: 15rem; height: 4.5rem;border: 0.1rem solid rgba(0, 0, 0, 0.7);border-radius: 5rem;padding: 0.4rem 0; cursor: pointer; margin-top: 3rem;}
.error-content a:hover {background-color: #fff;}


/* 미디어쿼리 */
@media (max-width: 1500px) {
    /* 사이트맵 영역 */
    .sitemap-content-area {padding:4rem 0;}    
    .brand-logo {width: 20rem;}
    .brand-tagline {display: none;}
    .sitemap-grid {grid-template-columns: repeat(3, 1fr); gap:3rem; }
    .sitemap-grid .sitemap-column:first-child {grid-column: 1 / span 3; padding-right: 0; }   
    .brand-tagline { padding-top: 11.5rem; font-size: 1.8rem; }
    
     /* help&guide 영역 */
    .faq-content-area { padding: 3rem 0 0 0; }
    
    /* 404에러페이지 */
    .error-content .error-num {font-size:5.8em;}
    .error-content .error-tit {font-size: 3rem;margin-top:-2.8rem;}
    .error-content .error-txt {font-size: 2rem;}
    .error-content a { margin-top: 2rem; font-size: 2rem; padding: 0.7rem 0;}
}

@media (max-width: 1050px) {
    /* 사이트맵 영역 */
    .sitemap-content-area {padding: 4rem 3rem; }    
    .sitemap-grid { grid-template-columns: 1fr 1fr; gap: 4rem 3rem; }
    .sitemap-grid .sitemap-column:first-child { grid-column: 1 / span 2; padding-right: 0;}
    .column-title {font-size: 2.1rem;}
    .sitemap-links a {font-size: 1.5rem;}    
    .brand-tagline {padding-top: 10rem;font-size: 1.7rem;}   
    
}

@media (max-width: 768px) {
    /* 사이트맵 영역 */
    .sitemap-content-area {padding: 0;}    
    .sitemap-grid {grid-template-columns: 1fr;gap: 3rem 0; max-width: 100%;}
    .sitemap-grid .sitemap-column:first-child {grid-column: 1 / span 1; padding-right: 0;}
    .column-title { font-size: 2rem; margin-bottom: 1rem; padding-bottom: 0.5rem;}    
    .brand-logo { display: none;}
    .sitemap-column { padding: 0 2rem; }
    .brand-title { font-size: 2.2rem; }
    .column-title { font-size: 1.8rem; }   
    
    /* help&guide 영역 */
    .faq-content-area { padding: 3rem 0 0 0; }
    .faq-filter-area {margin-bottom:2rem;}
    .filter-dropdown { max-width:inherit; }
    .filter-dropdown .form-select {width: 100%;}
    .faq-question { padding: 1.4rem 1.5rem; flex-direction: column; align-items: flex-start; gap: 0; }
    .category-tag { font-size: 1.4rem; padding: 0; }
    .question-text {padding: 0; }
    .faq-answer { padding: 1.6rem 1.5rem;}
    .faq-answer p { font-size: 1.4rem; }
   
    /*공지사항 리스트 영역*/
    .conts-sec.mgt-60 {margin-top:3rem !important;}
    
    /* 공지사항 상세 영역 */
    .dv-view {margin-top:3rem;}
    .dv-view .title {font-size: 1.8rem;}
    .dv-view .sub-info ul {font-size: 1.5rem;}
    .dv-view .sub-cont { padding: 3rem 0.8rem; font-size: 1.5rem; }    
    .dv-prelist ul li strong { width: 7rem; font-size: 1.4rem; padding: 1rem 1.5rem; }
    .dv-prelist ul li a { font-size: 1.4rem; padding: 1rem 1.5rem; }
    
    /* 이용약관 영역 */
    .term-section { padding: 3rem 0 0 0; }
    .term-section h3 { font-size: 2rem; margin-bottom: 1.5rem;}
    .term-cho {margin-bottom:2rem;}
    .term-cho h4 {font-size: 1.6rem;margin-bottom: 1rem;}
    .term-cho p { font-size: 1.5rem;}
    .term-cho > ul > li {font-size: 1.5rem; margin-bottom: 1rem;}
    .term-cho > ul > li span.term-no {width: 2.3rem; }
    .term-cho ul .sub-two.termbox > li { font-size: 1.5rem; }
    
    /* 개인정보처리방침 영역 */
    .privacy-section {  padding: 3rem 0 0 0; }
    .privacy-section h4 { font-size: 1.8rem; margin-bottom: 1.2rem;}
    .privacy-section .table-wrap .tbl > tbody th {display:none;}
    
    /* 404에러페이지 */
    .error-content .error-num {font-size:4.5em;}
    .error-content .error-tit {font-size: 2.8rem;margin-top:-2.8rem;}
    .error-content .error-txt {font-size: 1.8rem;}
    .error-content a { margin-top: 1.8rem; font-size: 2rem; padding: 0.7rem 0;}
}