/* Main Common */ 
.main header { width:100%; } 
.main { background: linear-gradient(0deg, rgba(228,247,251,1) 0%, rgba(239,240,252,1) 30%, rgba(239,240,252,1) 70%, rgba(239,240,252,1) 100%); } 

/* main__contents */
.main__contents { margin: 0 auto 12rem; padding-top: 11.6rem; width: 100%; max-width: 1200px; } 
.main__contents .tit__area { display: flex; align-items: center; justify-content: space-between; padding: 0 5.4rem 0 2rem; border-bottom: 1px solid #dbdbdb; height: 7.2rem; } 
.main__contents .tit__area > div { display: flex; align-items: center; } 
.main__contents .tit__area h3 { line-height: 1.5; letter-spacing: -0.05em; font-size: 2.4rem; font-weight: 400; color: #000; } 
.main__contents .main__btn__more { position: absolute; top: 2.4rem; right: 2rem; overflow: hidden; border: 0; width: 2.4rem; height: 2.4rem; text-indent: -9999px; background: url(../images/common/btn_more.png) no-repeat center center; } 
.main__contents .swiper__button button { overflow: hidden; margin-top: 0; border: 0; border-radius: 100%; width: 3.2rem; height: 3.2rem; text-indent: -999px; background-color: #fff; background-position: center; background-size: 2.4rem; background-repeat: no-repeat; } 
.main__contents .swiper__button button.swiper-button-prev { left: -1.5rem; transform: rotate(180deg); } 
.main__contents .tab__menu { display: flex; gap: 1.2rem; } 
.main__contents .tab__menu li { position: relative; } 
.main__contents .tab__menu li + li::before { display: block; content: "/"; position: absolute; top: 50%; right: 100%; width: 1.2rem; text-align: center; font-size: 1.6rem; color: #707070; transform: translateY(-50%); } 
.main__contents .tab__menu button { border: 0; word-break: keep-all; font-size: 1.6rem; font-size: 1.6rem; color: #707070; background-color: transparent; } 
.main__contents .tab__menu li.__current button { font-weight: 700; color: #5A43DB; } 
.main__contents .tab__contents > div:not(.__current) { display: none; } 
.main__contents .select__box select { padding: 0 2rem 0 0; border: 0; border-bottom: 1px solid #707070; min-width: 6.4rem; height: 2.9rem; font-size: 1.5rem; background-image: url(../images/main/btn-select-bg.png); background-position: right center; } 

@media screen and (max-width:1200px){
 .main__contents { padding-right: 1.6rem; padding-left: 1.6rem; } 
 }
@media screen and (max-width:1024px){
 .main__contents { padding-top: 8.2rem; } 
 .main__contents .tit__area { padding: 0 5rem 0 1.6rem; height: 5.2rem; } 
 .main__contents .tit__area h3 { font-size: 1.8rem; } 
 .main__contents .main__btn__more { top: 1.2rem; } 
 .main__contents .tab__menu button { font-size: 1.4rem; } 
 }
@media screen and (max-width:767px){
 .main__contents { margin: 0 auto 10rem; } 
 .main__contents .tit__area { flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1rem 5rem 1rem 1.6rem; height: auto; } 
 .main__contents .select__box select { font-size: 1.4rem; } 
 }

/* main__search__area */
.main__search__area { position: relative; margin: 6rem 0; padding: 0 20.8rem; height: 8rem; } 
.main__search__area .search__area { position: relative; z-index: 10; overflow: hidden; margin: 0 auto; border: .4rem solid #5A43DB; border-radius: 99.9rem; max-width: 80rem; background-color: #fff; } 
.main__search__area .search__box { display: flex; align-items: center; gap: 2rem; } 
.main__search__area .search__area input { flex: 1; padding: 0 2.8rem; border: 0; width: 100%; height: 7.2rem; font-size: 1.8rem; color: #707070; background-color: transparent; } 
.main__search__area .search__area input:is(:focus,:active) {border-bottom-left-radius:99.9rem; border-top-left-radius:99.9rem}
.main__search__area .search__area .btn__search { display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; margin-right:4px; border: 0; border-radius: 100%; width: 6.4rem; height: 6.4rem; text-indent: -9999px; background: #5A43DB url(../images/main/btn-search.png) no-repeat center; } 
.main__search__area .search__area .btn__filter { flex-shrink: 0; border: 0; border-bottom: 1px solid #5A43DB; line-height: 1.5; font-size: 1.5rem; color: #5A43DB; background-color: #fff; } 
.main__search__area .popular__list__area { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: absolute; top: 0; right: 0; padding: .8rem 0; width: 180px; height: 100%; } 
.main__search__area .popular__list__area > * { width: 100%; } 
.main__search__area .popular__list__area p { margin-bottom: 4px; font-size: 1.6rem; font-weight: 500; color: #505050; } 
.main__search__area .search__filter__box { display: none; } 
.main__search__area .search__filter { display: flex; align-items: center; gap: .8rem; padding: 1.3rem 3.2rem; border-top: 1px solid #dbdbdb; width: 100%; background-color: #F8F8F8; } 
.main__search__area .search__filter > div { flex: 1; } 
.main__search__area .search__filter select { border-bottom: 0; width: 100%; min-width: 5rem; font-size: 1.5rem; } 
.main__search__area .search__filter .btn__reset { padding: 0 1.2rem; border: 0; border-radius: 99.9rem; line-height: 3rem; font-size: 1.4rem; color: #fff; background-color: #707070; } 
.main__search__area .custom__autocomplete { position: static; border: 0; } 
.main__search__area .custom__autocomplete ul { padding: 1.6rem; } 
.main__search__area .ui-autocomplete li a { padding: .5rem 1.2rem; font-family: "Noto Sans KR",sans-serif,Verdana,Arial; color: #000; } 
.main__search__area .custom__autocomplete li a:hover { border-radius: .8rem; background-color: #F5F8FC; } 
.main__search__area .custom__autocomplete .autocomplete__off { padding: 1.7rem 2.8rem; background-color: #f8f8f8; } 
.main__search__area .custom__autocomplete .autocomplete__off .button.-button__off { font-size: 1.4rem; color: #444; } 
.main__search__area .search__area.__open { border-radius: 4rem; } 
.popular__list { position: relative; } 
.popular__list ul li { position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: .6rem 0 .6rem 3rem; border-bottom: 1px solid #dbdbdb; width: 100%; font-size: 1.6rem; color: #000; cursor: pointer; } 
.popular__list ul li span { position: absolute; top: .6rem; left: 0; border-radius: 100%; width: 2.4rem; height: 2.4rem; text-align: center; line-height: 2.3rem; font-size: 100%; color: #fff; background-color: #5A43DB; } 
.popular__list ul li.custom__selected { padding-right: 2.4rem; border-color: #5A43DB; } 
.popular__list ul li.custom__selected::after { display: block; content: ""; position: absolute; top: 0; right: 0; width: 2.4rem; height: 100%; background: transparent url(../images/main/btn-select-bg.png) no-repeat center right; transition: all 0.2s ease; } 
.popular__list ul li.custom__selected.__active::after { transform: rotate(180deg); } 
.popular__list ul li.custom__selected:not(:first-child) { display: none; } 
.popular__list .custom__options.__active { display: block; } 
.popular__list .custom__options { display: none; position: absolute; top: 100%; left: 0; overflow: hidden auto; z-index:1; padding: 1rem; border: 1px solid #dbdbdb; width: 100%; height: 18.5rem; background: #fff; } /* 2024-05-17 이지나 추가 */
.popular__list .custom__options li:last-child { border-bottom: 0; } 
@media screen and (max-width:1024px){
 .main__search__area { padding-left: 0; } 
 .main__search__area .search__box { gap: 1.5rem; } 
 .main__search__area .search__area input { padding: 0 2.2rem; height: 6.2rem; font-size: 1.6rem; } 
 .main__search__area .search__area .btn__search { width: 5.2rem; height: 5.2rem; background-size: 60%; } 
 .main__search__area .search__area .btn__filter { font-size: 1.4rem; } 
 .main__search__area .popular__list__area p { font-size: 1.4rem; } 
 .main__search__area .search__filter { padding: 1.2rem 2.4rem; } 
 .main__search__area .search__filter select { font-size: 1.4rem; } 
 .main__search__area .search__filter .btn__reset { font-size: 1.3rem; } 
 .popular__list ul li { padding: .6rem 0 .6rem 2.5rem; font-size: 1.4rem; } 
 .popular__list ul li span { width: 2rem; height: 2rem; line-height: 1.9rem; font-size: 1.4rem; } 
 .main__search__area .custom__autocomplete ul { padding: 1.4rem; } 
 .main__search__area .ui-autocomplete li a { font-size: 1.4rem; } 
 .main__search__area .custom__autocomplete .autocomplete__off { padding: 1.4rem 2.6rem; } 
 .main__search__area .custom__autocomplete .autocomplete__off .button.-button__off { font-size: 1.3rem; } 
 }
@media screen and (max-width:767px){
 .main__search__area { flex-direction: column; margin: 3rem 0; padding: 0; height: auto; } 
 .main__search__area .search__area input { font-size: 1.5rem; } 
 .main__search__area .search__area .btn__filter { font-size: 1.2rem; } 
 .main__search__area .popular__list__area { position: static; height: auto; } 
 .main__search__area .popular__list__area { margin: 1rem 0 0 auto; } 
 .main__search__area .search__area.__open { border-radius: 3rem; } 
 .main__search__area .search__filter { padding: .8rem 1.2rem 4.6rem 1.2rem; } 
 .main__search__area .search__filter select { font-size: 1.2rem; } 
 .main__search__area .search__filter .btn__reset { position: absolute; right: 1.2rem; bottom: .8rem; font-size: 1.1rem; } 
 }


/* main__theme */
.main__theme { display: flex; justify-content: center; gap: 2rem; padding: 2rem 3rem; } 
.main__theme > div, 
.main__theme > div ul { display: flex; align-items: flex-start; gap: 2rem; } 
.main__theme > div > strong, 
.main__theme > div ul li .icon__area { display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 6rem; height: 6rem; box-shadow: 0px .2rem .8rem 0rem rgba(0, 0, 0, 0.12); } 
.main__theme > div > strong { flex-shrink: 0; font-size: 1.5rem; font-weight: 500; color: #fff; background-color: #000; } 
.main__theme > div ul { flex: 1; text-align: center; list-style: none; } 
.main__theme > div ul li {position:relative; height:100%} /* 2024-05-16 이지나 추가 */
.main__theme > div ul li .icon__area {position:relative; top:0; margin: 0 auto; background-color: #fff; transition: all 0.4s ease;} /* 2024-05-16 이지나 수정 */
.main__theme > div ul li:hover .icon__area {top:-8px; border:1px solid #5A43DB} /* 2024-05-16 이지나 추가 */
.main__theme > div ul li p {width:100%; margin-top: .8rem; line-height: 1.5; font-size: 1.5rem; color: #505050; }  /* 2024-05-16 이지나 수정 */ 
@media screen and (max-width:1200px){
 .main__theme { padding: 2rem 0; } 
 .main__theme > div, .main__theme > div ul { gap: 1rem; } 
 }
@media screen and (max-width:1024px){
 .main__theme { flex-direction: column; padding: 0; } 
 .main__theme > div ul { flex-wrap: wrap; } 
 .main__theme > div, .main__theme > div ul { gap: 2rem; } 
 .main__theme > div ul li p { font-size: 1.4rem; } 
 .main__theme > div > strong, .main__theme > div ul li .icon__area { font-size: 1.4rem; } 
 }
@media screen and (max-width:767px){
 .main__theme > div { gap: 1rem; } 
 .main__theme > div ul { gap: 1rem 0; } 
 .main__theme > div ul li { flex: 0 0 25%; } 
 .main__theme > div ul li p { font-size: 1.3rem; } 
 .main__theme > div > strong, .main__theme > div ul li .icon__area { width: 5rem; height: 5rem; } 
 }


/* main__data */
.main__data { display: flex; gap: 2.4rem; margin: 5rem 0; } 
.main__data > .left { flex: 70%; } 
.main__data > .right { flex: 30%; } 
.main__data > div { display: flex; flex-direction: column; gap: 2.4rem; overflow: hidden; } 
.main__bor__box { position: relative; overflow: hidden; border: 1px solid #dbdbdb; border-radius: 1.2rem; background-color: #fff; } 
@media screen and (max-width:1024px){
 .main__data { flex-direction: column; position: relative; padding-top: 17.2rem } 
 }
@media screen and (max-width:767px){
 .main__data { margin: 4rem 0 1.6rem; padding-top: 16.4rem; } 
 .main__data, 
 .main__data > div { gap: 1.6rem; } 
 }

/* main__data__open */
.main__data__open .tit__area h3 { position: relative; margin-right: 2.4rem; } 
.main__data__open .tit__area h3::after { display: block; content: ""; position: absolute; top: 50%; right: -1.6rem; margin-top: -0.4rem; border-radius: 100%; width: .8rem; height: .8rem; background-color: #D9D9D9; } 
.main__data__open .tit__area button { border: 0; color: #707070; background-color: transparent; } 
.main__data__open .tit__area ul { display: flex; gap: 1.2rem; margin-right: 1.5rem; } 
.main__data__open .tit__area .sort button { font-size: 1.4rem; } 
.main__data__open .tit__area .sort li.__current button { border-bottom: 1px solid #5A43DB; color: #5A43DB; } 
.main__data__open .tit__area .sort2 button { font-size: 1.4rem; } 
.main__data__open .tit__area .sort2 li.__current button { border-bottom: 1px solid #5A43DB; color: #5A43DB; }
.main__data__open .tab__contents > div { padding: 0 5.5rem; }
.main__data__open .slide .swiper-slide { padding: 2rem 0; } 
.main__data__open .slide .item { display: flex; align-items: center; gap: 1.2rem; padding: 2rem 0; border-bottom: 1px solid #dbdbdb; } 
.main__data__open .img__area { display: flex; align-items: center; justify-content: flex-start; flex-shrink: 0; padding: 0 2rem 0 0; width: 14rem; height: 8rem; background-color: #fff; } 
.main__data__open .img__area img { width: auto; max-width: 100%; max-height: 100%; object-fit: contain; } 
.main__data__open .text__area { overflow: hidden; width: 100%; } 
.main__data__open .text__area .info { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; } 
.main__data__open .text__area .type { display: flex; align-items: center; gap: .8rem; } 
.main__data__open .text__area .type li { white-space: nowrap; padding: 0 1.2rem; border: 1px solid #dbdbdb; border-radius: .4rem; line-height: 2.6rem; font-size: 1.2rem; color: #707070; } 
.main__data__open .text__area .date { display: flex; align-items: center; } 
.main__data__open .text__area .date li { position: relative; font-size: 1.4rem; color: #707070; } 
.main__data__open .text__area .date li + li { margin-left: .9rem; } 
.main__data__open .text__area .date li + li::before { display: block; content: ""; position: absolute; top: 50%; left: -0.5rem; margin-top: -0.7rem; width: 1px; height: 1.4rem; background-color: #dbdbdb; } 
.main__data__open .text__area strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 1.2rem; line-height: 1.5; letter-spacing: -0.05em; font-size: 2rem; font-weight: 400; color: #000; }
.main__data__open .slide .item:hover .text__area strong {text-decoration:underline; text-decoration-thickness:from-font; font-weight:500; color:#5A43DB} /* 2024-05-16 이지나 추가 */
.subject__btn { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; } 
.main__data__open .text__area .btn__down { white-space: nowrap; padding: 0 3rem 0 1rem; border: 0; border-radius: 2px; height: 2.8rem; font-size: 1.5rem; font-weight: 400; color: #fff; background: #707070 url(../images/common/ico_download.svg) no-repeat right .8rem center / 1.8rem; } 
.main__data__open .slide__area { position: relative; } 
.main__data__open .slide { overflow: hidden; } 
.main__data__open .swiper__button button { position: absolute; top: calc(50% - 1.6rem); border: 1px solid #5A43DB; background-image: url(../images/main/btn-swiper-on.svg); } 
.main__data__open .swiper__button button.swiper-button-prev { left: -4.9rem; }
.main__data__open .swiper__button button.swiper-button-next { right: -4.9rem; }
.main__data__open .swiper__button button.swiper-button-disabled { border-color: #dbdbdb; background-image: url(../images/main/btn-swiper-off.svg); opacity: 1; } 
@media screen and (max-width:1024px){
 .main__data__open .tit__area h3::after { width: .6rem; height: .6rem; } 
.main__data__open .slide .swiper-slide { padding: 0; } 
 .main__data__open .slide .item { padding: 1.6rem 0; } 
 .main__data__open .text__area .info { gap: .5rem; } 
 .main__data__open .text__area .type { gap: .5rem; } 
 .main__data__open .text__area .type li { padding: 0 .8rem; line-height: 2.2rem; font-size: 1.1rem; } 
 .main__data__open .text__area .date li { font-size: 1.2rem; } 
 .main__data__open .text__area strong { margin-top: .8rem; font-size: 1.8rem; } 
 }
@media screen and (max-width:767px){
 .subject__btn { display: flex; flex-direction: column; align-items: flex-start; } 
 .main__data__open .slide .item { flex-direction: column; align-items: flex-start; } 
 .main__data__open .img__area { width: 100%; height: 6rem; } 
 .main__data__open .text__area strong { display: -webkit-box; white-space: inherit; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
 .main__data__open .text__area .btn__down{ margin-left: 1px; }
 }


/* main__data__board */
.main__data__board { display: flex; gap: 2.4rem; } 
.main__data__board > div { flex: 1; } 
.main__data__board .image__slide {position:relative}
.main__data__board .image__slide .swiper-slide { overflow: hidden; line-height: 0; width:100% !important}
/*.main__data__board .image__slide img { position: relative; left: 50%; width: auto; min-width: 100%; height: 207px; object-fit: cover; transform: translateX(-50%); }*/ 
.main__data__board .image__slide img { position: relative; left: 50%; width: 100%; /*min-width: 100%; height: 207px;*/ object-fit: cover; transform: translateX(-50%); } /* 2024-08-01 수정 */
.main__data__board .swiper__button { display: flex; align-items: center; justify-content:space-between; position: absolute; z-index:10; top: 50%; right: 0; left:0; transform:translateY(-50%); margin:0 auto; width:calc(100% - 20px)}
.main__data__board .swiper__button button { position: static; width: 3.2rem; height: 3.2rem; background-image: url(../images/main/btn-arrow-right.png); background-position-y:2px; background-position-x:6px}
.main__data__board .image__slide > .main__btn__more {z-index:100}
@media screen and (max-width:1024px){
 .main__data__board { flex-direction: column; }
 }
@media screen and (max-width:767px){
 .main__data__board { gap: 1.6rem; } 
 }

/* main__data__count */
.main__data__count ul { display: flex; flex-wrap: wrap; } 
.main__data__count ul li { display: flex; align-items: center; padding: 0 2rem; border-top: 1px solid #dbdbdb; width: 50%; line-height: 6.4rem; } 
.main__data__count ul li:nth-child(2n+1) { border-left: 1px solid #dbdbdb; } 
.main__data__count ul li.wfull { border: 0; width: 100%; } 
.main__data__count ul li span { width: 8rem; letter-spacing: -0.05em; font-size: 1.6rem; color: #505050; } 
.main__data__count ul li strong { white-space: nowrap; font-size: 2.2rem; color: #171E28; } 
@media screen and (max-width:1024px){
 .main__data__count { position: absolute; top: 0; left: 0; width: 100%; } 
 .main__data__count ul li { padding: 0 1.6rem; line-height: 4.8rem; } 
 .main__data__count ul li span { font-size: 1.4rem; } 
 .main__data__count ul li strong { font-size: 1.8rem; } 
 }

/* main__data__notice */
.main__data__notice ul { padding: 0 2rem 2rem; list-style: none; } 
.main__data__notice ul li { padding: 2rem 0 .8rem; border-bottom: 1px solid #dbdbdb; } 
.main__data__notice ul li > strong { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; min-height: 58px; line-height: 1.8; letter-spacing: -0.05em; font-size: 1.6rem; font-weight: 400; color: #000; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.main__data__notice ul li > .date { display: block; margin-top: .4rem; text-align: right; line-height: 1.6; font-size: 1.4rem; color: #505050; } 
@media screen and (max-width:1024px){
 .main__data__notice ul { padding: 0 1.6rem 1.6rem; } 
 .main__data__notice ul li { padding: 1.6rem 0 .6rem; } 
 .main__data__notice ul li > strong { min-height: 1px; font-size: 1.5rem; } 
 .main__data__notice ul li > .date { font-size: 1.2rem; } 
 }

/* main__data__qna */
.main__data__qna { padding: 2rem; background: #fff url(../images/main/img-0107.svg) no-repeat right 2rem bottom; } 
.main__data__qna .tit { margin-bottom: 1rem; line-height: 1.5; font-size: 1.6rem; font-weight: 500; color: #707070; } 
.main__data__qna .qna__btn__area { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; } 
.main__data__qna .qna__btn__area a { display: block; padding-right: 2.8rem; line-height: 1.5; letter-spacing: -0.05em; font-size: 1.8rem; font-weight: 500; background: url(../images/main/btn-arrow-more.png) no-repeat right center / 2.4rem; } 
@media screen and (max-width:1024px){
 .main__data__qna { padding: 1.6rem; } 
 .main__data__qna .tit { font-size: 1.4rem; } 
 .main__data__qna .qna__btn__area { justify-content: flex-start; gap: 1rem; } 
 .main__data__qna .qna__btn__area a { font-size: 1.6rem; } 
 }

/* main__info */
.main__info { display: flex; align-items: stretch; gap: 2.4rem; } 
.main__info > div { flex: 1; } 
.main__info__graph .tab__menu { justify-content: center; padding: 1rem; background-color: #f8f8f8; } 
.main__info__graph .data__top__info { margin-bottom: 2rem; padding: 2.3rem 1rem; border-radius: .8rem; text-align: center; } 
.main__info__graph .data__top__info p { line-height: 1.5; font-size: 1.6rem; color: #444; } 
.main__info__graph .data__top__info p strong { margin-left: 1rem; line-height: 1.5; font-size: 2.2rem; color: #171E28; } 
.main__info__graph .tab__contents > div { padding: 2rem; } 
.main__info__graph .data__top__filter { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; } 
.main__info__graph .data__top__filter.right { justify-content: flex-end; } 
.main__info__graph .data__top__filter p { font-size: 1.6rem; color:#707070 } 
.main__info__graph .select__box { display: flex; gap: 1rem; } 
.main__info__graph .select__box .btn__select { padding: 0 1rem; border: 1px solid #707070; border-radius: .2rem; line-height: 2.8rem; font-size: 1.5rem; color: #fff; background: #707070; } 
.main__info__graph .graphCanvas { text-align: center; } 
.main__info__graph .graphCanvas img { max-width: 100%; } 
.main__info__graph .graph__progress { position: relative; margin: 0 auto; padding: .1rem 0; max-width: 46.7rem; background: url(../images/main/bg-progress-line.png) no-repeat left 16.3rem center; transform: translate(0, 0); } 
.main__info__graph .graph__progress::before { display: block; content: ""; position: absolute; top: 0; left: 8rem; z-index: -1; width: 15px; height: 100%; background: url(../images/main/bg-progress.png) no-repeat right center / 1.6rem auto; } 
.main__info__graph .graph__progress dl { display: flex; align-items: center; gap: 1.5rem; height: 4.3rem; } 
.main__info__graph .graph__progress dl dt { flex: 0 0 8rem; text-align: right; line-height: 1.2; font-size: 1.2rem; color: #505050; } 
.main__info__graph .graph__progress dl dt span { display: block; color: #747474; } 
.main__info__graph .graph__progress dl dd { flex: 1; } 
.main__info__graph .graph__progress dl dd > div { height: 2.8rem; } 
.main__info__graph .graph__legend ul li.type01::before, 
.main__info__graph .graph__progress dl dd > div.type01 { background-color: #B2C162; } 
.main__info__graph .graph__legend ul li.type02::before, 
.main__info__graph .graph__progress dl dd > div.type02 { background-color: #65B582; } 
.main__info__graph .graph__legend ul li.type03::before, 
.main__info__graph .graph__progress dl dd > div.type03 { background-color: #85BA76; } 
.main__info__graph .graph__legend ul li.type04::before, 
.main__info__graph .graph__progress dl dd > div.type04 { background-color: #EDCB4D; } 
.main__info__graph .graph__legend ul li.type05::before, 
.main__info__graph .graph__progress dl dd > div.type05 { background-color: #FEA151; } 
.main__info__graph .graph__legend ul li.type06::before, 
.main__info__graph .graph__progress dl dd > div.type06 { background-color: #FFC948; } 
.main__info__graph .graph__progress dl dd > div.type07 { background-color: #FE7F5C; } 
.main__info__graph .graph__legend ul li.type07::before { background-color: #999; } 
.main__info__graph .data__top__tab { padding-bottom: 2rem; } 
.main__info__graph .data__top__tab ul { display: flex; justify-content: space-between; gap: .5rem; list-style: none; } 
.main__info__graph .data__top__tab ul li button { white-space: nowrap; border: 0; border-bottom: .3rem solid transparent; line-height: 3.5rem; color: #444; color: inherit; background-color: transparent; } 
.main__info__graph .data__top__tab ul li button.active { border-color: #5A43DB; color: #5A43DB; } 
.main__info__graph .graph__ranks { display: flex; gap: 2rem; } 
.main__info__graph .graph__ranks > div { flex: 1; } 
.main__info__graph .graph__ranks p { margin-bottom: 1rem; padding: 1.2rem 2rem; border-radius: .8rem; font-size: 1.6rem; font-weight: 500; color: #000; background-color: #F5F8FC; } 
.main__info__graph .graph__ranks ul { list-style: none; } 
.main__info__graph .graph__ranks ul li { display: flex; gap: .4rem; padding: 1rem 2rem; font-size: 1.6rem; font-weight: 500; color: #000; } 
.main__info__graph .graph__ranks ul li span { display: flex; align-items: center; justify-content: center; border-radius: 100%; width: 2.4rem; height: 2.4rem; font-size: 1.4rem; font-weight: 700; color: #505050; color: #fff; background-color: #5A43DB; } 
.main__info__graph .graph__ranks ul li b { margin-left: auto; font-weight: 400; color: #505050; } 
.main__info__graph .graph__ranks ul li:nth-child(n+4) { color: #505050; } 
.main__info__graph .graph__ranks ul li:nth-child(n+4) span { background-color: #767676; } 
.main__info__graph .graph__cloude { width: 100%; height: 30rem; } 
.main__info__graph .graph__legend ul { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem 1.2rem; margin-top: 2rem; } 
.main__info__graph .graph__legend ul li { display: flex; align-items: center; gap: .4rem; font-size: 12px; color: #444; } 
.main__info__graph .graph__legend ul li::before { display: block; content: ""; border-radius: 100%; width: 1rem; height: 1rem; } 
.graph__issue { height: 40rem; } 
@media screen and (max-width:1024px){
 .main__info { flex-direction: column; } 
 .main__info__graph .data__top__info { margin-bottom: 1.6rem; padding: 2rem 1rem; } 
 .main__info__graph .data__top__info p { font-size: 1.6rem; } 
 .main__info__graph .data__top__info p strong { font-size: 1.8rem; } 
 .main__info__graph .data__top__info p span { display: block; } 
 .main__info__graph .tab__contents > div { padding: 1.6rem; } 
 .main__info__graph .data__top__filter { margin-bottom: 1.6rem; } 
 .main__info__graph .data__top__filter p { font-size: 1.4rem; } 
 .main__info__graph .select__box .btn__select { font-size: 1.4rem; } 
 .main__info__graph .graph__ranks p { padding: 1rem 1.6rem; font-size: 1.5rem; } 
 .main__info__graph .graph__ranks ul li { padding: .8rem 1.6rem; font-size: 1.5rem; } 
 .main__info__graph .graph__ranks ul li span { width: 2.2rem; height: 2.2rem; font-size: 1.3rem; } 
 .main__info__graph .graph__legend ul { margin-top: 1.6rem; } 
 .main__info__graph .data__top__tab { padding-bottom: 1.6rem; } 
}
@media screen and (max-width:767px){
 .main__info { gap: 1.6rem; } 
 .main__info__graph .data__top__filter { flex-direction: column; align-items: flex-start; gap: 1rem; } 
 .main__info__graph .data__top__filter .right { margin-left: auto; } 
 .main__info__graph .tab__menu button { font-size: 1.3rem; } 
 .main__info__graph .data__top__tab { overflow-x: auto; } 
 .main__info__graph .data__top__tab ul { gap: 1rem; } 
 .main__info__graph .data__top__tab ul li button { line-height: 3rem; } 
 .main__info__graph .graph__ranks { flex-direction: column; gap: 1.6rem; } 
 .main__info__graph .graph__legend ul { gap: .5rem .8rem; } 
 .main__info__graph .graph__legend ul li { font-size: 11px; } 
 }

/* 20250724 안내페이지 추가 -s */
.dtcenter__counsel {background:#fff;}
.dtcenter__counsel .container {padding-top:19rem; padding-bottom:6rem;}
.dtcenter__counsel .heading.depth02 {margin:4.2rem 0 1.5rem;}
@media screen and (max-width: 1024px) {
 .dtcenter__counsel .container {padding-top:11rem; padding-bottom:0;} /*20250828*/
 .dtcenter__counsel .heading.depth02 {margin:2.7rem 0 1.2rem}
}

/* 문화 디지털전환 상담센터란? */
.dtcenter__counsel .paragraph {font-weight:500; font-size:1.8rem;}
.dtcenter__counsel .paragraph > em {font-style:normal; color:#6E40BB;}
.dtcenter__counsel .paragraph button {display:inline-block; padding:3px 28px 2px 10px; border:none; background:#444 url("../images/content/ico_btn_arrow.png") no-repeat right 13px center / 7px auto; border-radius:4px; font-size:13px; color:#fff}
.dtcenter__counsel .apply__box {margin-top:18px; padding:20px; background:#f9f9f9; border:1px solid #ddd; border-radius:4px;}/*20250828*/
.dtcenter__counsel .apply__box ul {list-style: none; margin:0; padding:0;}
.dtcenter__counsel .apply__box ul li {position:relative; padding-left:40px; font-weight:400; font-size:1.8rem; letter-spacing:-1.2px;}/*20250828*/
.dtcenter__counsel .apply__box ul li + li {margin-top:8px}/*20250828*/
/*.dtcenter__counsel .apply__box ul li:before {position:absolute;content:"";top: 13px;left: 0;width: 4px;height: 4px;background:#444;border-radius:50%;} /*20250828*/
.dtcenter__counsel .apply__box ul li a.down_consultform {display:block; margin-top:8px; padding:0 10px; line-height:30px; border:1px solid #444; border-radius:4px; background: #444; text-align:center}/* 20250903 수정 */
.dtcenter__counsel .apply__box ul li a.down_consultform span {padding-right:30px; background:url("../images/content/ico_counsel_apply.png") no-repeat center right/16px auto; font-size:15px; color:#fff;}/* 20250903 수정 */
.dtcenter__counsel .apply__box ul li a.down_consultform {color:#6E40BB; font-weight:400;}/* 20250903 수정 */
@media screen and (max-width: 640px) {
 .dtcenter__counsel .paragraph,
 .dtcenter__counsel .apply__box ul li {font-size:1.6rem;}
 .dtcenter__counsel .apply__box ul li a.down_consultform {margin-left:4px;}/* 20250903 수정 */
 .dtcenter__counsel .imgs {text-align:center;}
}

/* 주요 상담분야 */
.dtcenter__counsel .contents__box {width:100%;}
.dtcenter__counsel .service__info {display:grid; grid-template-columns:repeat(3,1fr); margin-top:18px;} /* 20250909 수정 */
.dtcenter__counsel .service__info .item:nth-child(-n+3) {margin-top: 0;}
.dtcenter__counsel .service__info .item:nth-child(3n) {margin-right: 0;}
.dtcenter__counsel .service__info .item {height:17.2rem; margin:1.6rem 1.6rem 0 0; padding:.8rem 2rem; border:1px solid #ddd}/* 20250909 수정 */
.dtcenter__counsel .service__info .item .tit {display: flex;align-items: center;margin-bottom: 1.5rem;border-bottom: 1px solid #ccc;color: #6e40bb;font-size: 2.1rem;font-weight: 400;line-height: 4rem;}
.dtcenter__counsel .service__info .item .tit .num {position: relative;margin-right: .5rem;font-size: 3rem;padding: 0 .5rem;font-weight: 300;font-style: normal;margin-top: .4rem;}
.dtcenter__counsel .service__info .item .tit .num::before {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background-color: #000;}
.dtcenter__counsel .service__info .item .tit .num span {color: #c0a4f0;margin-right: -.2rem;}
.dtcenter__counsel .service__info .item p {color: #666;font-size: 1.5rem;font-weight: 400;letter-spacing: -.75px;line-height: 21px;}
@media screen and (max-width: 1200px) {
 .dtcenter__counsel .contents__box {padding:0 15px 30px}
}
@media screen and (max-width: 1024px) {
 .dtcenter__counsel .service__info .item:nth-child(-n+3) {margin-top: 1.6rem;}
 .dtcenter__counsel .service__info .item:nth-child(3n) {margin-right: 1.6rem;}
}
/* 20250909 추가-s */
@media screen and (max-width: 950px) {
 .dtcenter__counsel .service__info {grid-template-columns:repeat(2,1fr)}
}
/* 20250909 추가-e */
@media screen and (max-width: 640px) {
 .dtcenter__counsel .service__info {grid-template-columns:1fr}/* 20250909 추가 */
 .dtcenter__counsel .service__info .item {padding:.8rem 1rem;}
 .dtcenter__counsel .service__info .item .tit {font-size:1.8rem;}
 .dtcenter__counsel .service__info .item p {font-size: 1.4rem}
}

/* 상담절차 안내 */
.counsel__step > ul {list-style: none; display: flex;}
.counsel__step > ul > li {flex:1; text-align: center;}
.counsel__step > ul > li + li {position: relative; padding-left:48px;}
.counsel__step > ul > li + li:before {position: absolute;content:"";top: 50%;left:10px;width:32px;height:100%;background:url("../images/content/ico_counsel_arrow.png") no-repeat center / 32px auto;transform: translateY(-54%);}
.counsel__step > ul > li > div {display: flex; align-items: center; justify-content: center; padding:5px; letter-spacing:-1.2px; border-radius:8px; word-break:keep-all;}
.counsel__step > ul > li > div + div {margin-top:8px;}

.counsel__step ul li .line__box,
.counsel__step ul li .list__box ul li {font-size:15px; line-height:1.4; font-weight:400; color:#444;}
.counsel__step ul li .color__box {height:64px; font-weight:500; font-size:17px; line-height:1.2; color:#fff;}
.counsel__step ul li .line__box {height:80px; background: #fff; border:1px solid;}

.counsel__step ul li.purple .color__box {background:#A475F3;}
.counsel__step ul li.blue .color__box {background:#6BADF1;}
.counsel__step ul li.orange .color__box {background:#F3A775;}

.counsel__step ul li.purple .line__box {border-color:#A475F3;}
.counsel__step ul li.blue .line__box {border-color:#6BADF1;}
.counsel__step ul li.orange .line__box {border-color:#F3A775;}

.counsel__step ul li .list__box {height:80px; background: #f9f9f9; border:1px solid #ddd;}
.counsel__step ul li .list__box ul li {display:block;position:relative;padding-left: 10px;}
.counsel__step ul li .list__box ul li:before {position:absolute;content:"";top: 10px;left: 0;width: 3px;height: 3px;background:#444;border-radius:50%;}

.counsel__step ol {margin-top:18px; list-style: none;}
.counsel__step ol li {font-size:15px; color:#666;}
.counsel__step ol li + li {margin-top:16px;}
.counsel__step ol li > span {display:inline-block; width:22px; height:22px; background:#6E40BB; border-radius:50%; font-weight:500; font-size:13px; color:#fff; text-align:center;}
.counsel__step ol li > em {display:inline-block; padding:0 6px; font-weight:500; color:#6E40BB; font-style:normal;}
.counsel__step ol li > p {padding-top:5px}
@media screen and (max-width: 940px) {
 .counsel__step > ul {flex-wrap: wrap; flex-direction:column; align-items: center;}
 .counsel__step > ul > li {max-width:300px; width:100%;}
 .counsel__step > ul > li + li {padding-top:48px; padding-left:0;}
 .counsel__step > ul > li + li:before {top: 0;left: 50%;width: 100%;height: 48px;transform: translate(-50%) rotate(90deg);}
 .counsel__step ul li .list__box ul li {padding-left:5px;}
}
@media screen and (max-width: 640px) {
 .counsel__step ul li .color__box {height:50px;}
 .counsel__step ul li .line__box,
 .counsel__step ul li .list__box{height:60px;}
}

/* 기타문의 */
.etc__qna {padding-left:28px; background:url("../images/content/ico_counsel_phone.png") no-repeat center left/22px auto; font-weight:500; color:#666;}

/* 자주묻는질문 */
.counsel_faq > ul {list-style: none;}
.counsel_faq > ul > li {display:block; position:relative; padding-left: 10px;}
.counsel_faq > ul > li + li {margin-top:6px;}
.counsel_faq > ul > li > a {display:inline-block; line-height:1; border-bottom:1px solid #666; color:#666;}
.counsel_faq > ul > li:before {position:absolute;content:"";top: 5px;left: 0;width: 3px;height: 3px;background:#444;border-radius:50%;}
.counsel_faq > p {line-height:42px; font-weight:500; color:#6E40BB;}
@media screen and (max-width: 640px) {
 .counsel_faq > ul > li > a {font-size:1.4rem;}
}
/* 20250724 안내페이지 추가 -e */

/* 20250828 css 추가 -s */
.dtcenter__counsel .heading.depth02 .tit {padding-left: 26px; background:url(../images/content/ico_bullet.png) no-repeat left 3px}
.dtcenter__counsel .layerPop > .inner .hide {display:none}

/* 탭 */
.tabWrap .tabBtns {display:flex; margin-top:32px; width:100%; list-style: none}
.tabWrap .tabBtns li {flex:1; margin-left: -1px; border-bottom: 1px solid #ccc; text-align:center}
.tabWrap .tabBtns li a { display:block; position:relative; line-height:56px; font-size:18px; color:#666; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s }
.tabWrap .tabBtns li.curr a { font-weight:500; color:#6E40BB }
.tabWrap .tabBtns li.curr a:before { display:block; content:""; position:absolute; left:0; bottom:-5px; z-index:5; width:100%; height:10px; border-bottom:10px solid #6E40BB; border-radius:10px; box-sizing:border-box }
.tabWrap .tabBox { margin-top:60px }
@media screen and (max-width: 1161px){
 .tabWrap .tabBtns li { height:54px !important }
}
@media screen and (max-width: 1160px){
 .tabWrap .tabBtns { position:relative; margin-top:0}
 .tabWrap .tabBtns li { margin: 0; width: 100% !important; }
 .tabWrap .tabBtns li a { line-height:55px; font-size:18px }
 .tabWrap .tabBox { margin-top:45px }
}
@media screen and (max-width: 940px){
.tabWrap .tabBtns li.curr a:before {bottom:-1px; height:5px; border-bottom:5px solid #6E40BB}
}
@media screen and (max-width: 767px){
 .tabWrap .tabBtns li a {font-size:16px }
 .tabWrap .tabBtns li.curr a { font-weight:400; color:#555 }
 .tabWrap .tabBox { margin-top:30px }
}

.dtcenter__counsel .apply__box ul li.phone {background:url("../images/content/ico_counsel_phone.png") no-repeat left 0 / 32px auto}
.dtcenter__counsel .apply__box ul li.phone em {font-style:normal; color:#666}
.dtcenter__counsel .apply__box ul li.email {background:url("../images/content/ico_counsel_mail.png") no-repeat left 0 / 32px auto}
.dtcenter__counsel .apply__box ul li.email em {font-style:normal} /* 20250904 수정 a태그 -> em태그로 변경 */
.dtcenter__counsel .apply__box ul li.email ul {display:flex; padding-top:10px; width:920px; max-width:100%}
.dtcenter__counsel .apply__box ul li.email ul li {flex:1; margin-top:0; padding-left:0; letter-spacing:-0.4px}
.dtcenter__counsel .apply__box ul li.email ul li > span {display:block; align-items:center; margin-top:0; padding-left:0; line-height:60px; border-radius:6px; font-size:18px; color:#fff; text-align:center}
.dtcenter__counsel .apply__box ul li.email ul li + li {padding-left:100px; background:url("../images/content/ico_counsel_arrow_b.png") no-repeat 18px 20px / auto}
.dtcenter__counsel .apply__box ul li.email ul li:first-child > span {background:#6BADF1}
.dtcenter__counsel .apply__box ul li.email ul li:nth-child(2) > span {background:#00AEAD}
.dtcenter__counsel .apply__box ul li.email ul li:last-child > span {background:#A26BFF}
.dtcenter__counsel .apply__box ul li.email ul li button {margin-top:8px; margin-left:0; width:100%}
.dtcenter__counsel .apply__box ul li.email ul li button span {font-size:18px}
@media (max-width:940px){
 .dtcenter__counsel .apply__box ul li.email ul li + li {padding-left:55px; background:url("../images/content/ico_counsel_arrow_b.png") no-repeat 8px 21px / 40px auto}
 .dtcenter__counsel .apply__box ul li.email ul li > span {line-height:50px; font-size:16px}
 .dtcenter__counsel .apply__box ul li.email ul li button span {padding-right:22px; font-size:14px}
}
@media (max-width:768px){
 .dtcenter__counsel .apply__box ul li.email ul {flex-direction:column}
 .dtcenter__counsel .apply__box ul li.email ul li {width:240px; max-width:100%}
 .dtcenter__counsel .apply__box ul li.email ul li + li {padding-top:35px; padding-left:0; background:url("../images/content/ico_counsel_arrow_b_m.png") no-repeat center top 8px / 15px auto}
}

 /* 레이어 팝업 */
.layerPop { display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.70) }
.layerPop > .inner { position:fixed; top:50%; left:50%; padding:75px 0 0; overflow:hidden; border:3px solid #444; max-width:90%; max-height:90%; background:#fff; transform:translate(-50%, -50%) scale(0); -webkit-transform:translate(-50%, -50%) scale(0); -moz-tansform:translate(-50%, -50%) scale(0); transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; box-sizing:border-box }
.layerPop > .inner .tit {display:block; position:absolute; top:0; right:30px; left:30px; padding:24px 80px 8px 0; text-align:left; line-height:40px; letter-spacing:-0.025em; font-size:26px; font-weight:400; color:#000; background:#fff}
.layerPop > .inner .layerCont {overflow-y:auto}
.layerPop > .inner .con {padding:3px 20px 24px; background:#fff}
.layerPop > .inner .con div[class*='Table'] {width:100%}
.layerPop > .inner .con legend, caption {position:absolute; top:-9990px; left:-9999px; width:1px; height:1px; opacity:0}
.layerPop > .inner .con div[class*='Table'] tr th,
.layerPop > .inner .con div[class*='Table'] tr td {padding:0 12px; height:50px; font-weight:400; font-size:15px; letter-spacing:-0.6px; word-break:keep-all}
.layerPop > .inner .con table thead tr th {background:#F9F9F9; border-top:1px solid #aaa; border-bottom:1px solid #ddd; color:#555; text-align:center}
.layerPop > .inner .con table tbody tr th,
.layerPop > .inner .con table tbody tr td{text-align:center}
.layerPop > .inner .con div[class*='Table'] tbody tr,
.layerPop > .inner .con div[class*='Table'] tbody tr td {border-bottom:1px solid #ddd}
.layerPop > .inner .con div[class*='Table'] tbody tr th {font-weight:600}
.layerPop > .inner .con table tbody tr td.txtL {text-align:left}
.layerPop > .inner > a { display:block; position:absolute; top:25px; right:27px; width:40px; height:40px; text-indent:-9999px; background:url("../images/content/ico_popup_close.png") no-repeat center/32px auto}
.layerPop.on > .inner { transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1); -moz-transform:translate(-50%, -50%) scale(1) }

@media (max-width: 1160px){
 .layerPop > .inner .tit { padding:21px 60px 21px 0; line-height:36px; font-size:22px }
 .layerPop > .inner > a { top:25px; right:30px; width:30px; height:30px; background-size:26px auto }
}
@media (max-width: 940px){
 .layerPop > .inner .con table .mWidth01 {width:120px !important}
 .layerPop > .inner .con table .mWidth02 {width:160px !important}
}
@media (max-width: 767px){
 .layerPop > .inner { overflow-y:auto; padding:55px 0 0; border-radius:0; width:95% !important; max-width:inherit; height:95%; max-height:inherit }
 .layerPop > .inner .tit { right:20px; left:20px; padding:14px 40px 5px 0; line-height:30px; font-size:18px}
 .layerPop > .inner .con table .mWidth01 {width:100px !important}
 .layerPop > .inner .con table .mWidth02 {width:140px !important}
 .layerPop > .inner .con div[class*='Table'] tr th,
 .layerPop > .inner .con div[class*='Table'] tr td {letter-spacing:1.2; font-size:13px; letter-spacing:0}
 .layerPop > .inner > a { top:15px; right:16px; background-size:22px auto }
}
/* 20250828 css 추가 -e */

/* 20250903 css 추가 -s */
/* FAQ in tab */
.faqTab .tabBtns {gap:8px}
.faqTab .tabBtns li {border-bottom:none}
.faqTab .tabBtns li a {line-height:48px; background:#EFEFEF; border-radius:99px; font-size:16px}
.faqTab .tabBtns li.curr a {background:#6E40BB; font-weight:600; color:#fff}
.faqTab .tabBtns li.curr a:before {display:none}

/* 아코디언 */
.accordion {border-top:1px solid #ddd; word-break:keep-all}
.accordion-header {display:block; padding:20px 40px 20px 48px; width:100%; text-align:left; font-size:16px; border:none; border-bottom:1px solid #ddd; color:#000; cursor:pointer;
                   background-image:url("../images/content/ico_faq.png"), url("../images/content/ico_faq_arrow_down.png");
                   background-repeat: no-repeat, no-repeat; background-position:top 15px left 8px, center right 8px; background-size:32px auto, 24px auto; background-color: #fff}
.accordion-header.open {background-image:url("../images/content/ico_faq.png"), url("../images/content/ico_faq_arrow_up.png")}
.accordion-header:focus {outline: 2px solid #007acc}
.accordion-panel {display:none; overflow:hidden; padding:16px 48px; background:#f9f9f9; border-bottom:1px solid #ddd; font-size:15px; color:#555; word-break:keep-all}
.accordion-panel p + p {margin-top:10px}
.accordion-panel a {text-decoration:underline; color:#6E40BB}
.accordion-panel > span {display:block; line-height:1; font-size:13px}
.accordion-panel span.samll {font-size:13px}
.accordion-panel > span + span {margin-top:5px}
.accordion-panel > ul,
.accordion-panel > ol,
.accordion-panel > ol > li ul {margin-top:10px; padding:0; list-style:none}
.accordion-panel > ol > li ul {margin-top:5px; padding-left:6px; text-indent:-8px}
.accordion-panel p > em,
.accordion-panel > ol > li em,
.accordion-panel > ul > li em {font-style:normal; text-decoration:underline; color:#6E40BB}
.accordion a.btn_link {display:inline-block; margin-top:10px; padding:5px 10px; background:#555; border:none; border-radius:5px; color:#fff; text-decoration:none} /* 20250904 추가 */
.accordion a.btn_link span {padding-right:20px; background:url("../images/content/icon_link.png") no-repeat center right / 16px auto} /* 20250904 추가 */

.accordion .dot_list > li {position:relative; padding-left:10px}
.accordion .dot_list > li:before {position:absolute; content:""; top:8px; left:0; width:4px; height:4px; background:#555; border-radius:50%}
.accordion .dot_list > li + li {margin-top:10px}
.accordion .process_list {display:flex; flex-wrap:wrap; text-align:center}
.accordion .process_list > li {flex:1; margin-top:10px; min-width:155px; max-width:155px}
.accordion .process_list > li + li {padding-left:20px; background:url("../images/content/icon_link.png") no-repeat center left -2px/24px auto}
.accordion .process_list > li p {display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; width:100%; height:60px; border:1px solid #555; line-height:1.2; font-size:13px}
.accordion .process_list > li br {line-height:0}
.accordion .num_list {margin-top:10px}
.accordion .num_list > li + li {margin-top:10px}
.accordion .num_list > li {padding-left:20px; text-indent:-19px}
.accordion .num_list > li span {text-indent:0}
.accordion .accoTable {margin:15px 0}
.accordion .accoTable tr th,
.accordion .accoTable tr td {padding:5px; height:40px; border:1px solid #6666; font-size:13px}
.accordion .accoTable tr th {background:#eee; border-bottom:none}
.accordion .accoTable tr td:first-child {text-align:center}


@media screen and (max-width: 768px) {
 .faqTab .tabBtns {display:none}
 .faqTab .tabSelect {display:block !important; width:100%; padding:10px; font-size:16px; height: 4.5rem; border: 2px solid #6E40BB; background: url("../images/content/ico_faq_arrow_down.png") no-repeat center right 6px}
}
@media screen and (max-width: 640px) {
 .accordion-header {padding:10px 40px; background-position:top 9px left 8px, center right 8px; background-size:25px auto, 20px auto; font-size:15px}
 .accordion-panel {padding:12px 10px 12px 30px; font-size:14px}
 .accordion .process_list {flex-direction:column}
 .accordion .process_list > li {max-width:100%}
 .accordion .process_list > li p {height:50px}
 .accordion .process_list li + li {margin-left:0; padding-top:15px; padding-left:0; background:url("../images/content/ico_faq_arrow_down.png") no-repeat top -3px center/20px auto}
}
/* 20250903 css 추가 -e */