body {
	margin:0;
	padding:0;
}
.faq-section {
  max-width: 1520px;
  padding: 0 16px;
  margin: auto;
  margin-top:80px;
	font-family: 'Malgun Gothic', dotum, sans-serif !important;
}

@media screen and (max-width: 1520px) {
	.faq-section {
	  max-width: 100%;
	  padding: 20px;
	  }
}

.faq-section .faq-section-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.faq-section .faq-list__tabs {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.faq-section .faq-list__tab-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  font-size: 16px;
  color: var(--gray-600);
  background: var(--gray-100);
  border: 1px solid var(--gray-300);
  border-bottom: 1px solid var(--gray-900);
  border-radius: 4px 4px 0 0;
  cursor: pointer;
}

.faq-section .faq-list__tab-item:first-child {
  border-right: 0;
}

.bar_img {margin:10px; text-align:center}

.bold {font-weight:bold}
.faq-section .faq-list__tab-item.active {
  font-weight: 700;
  color: var(--gray-900);
  background: #fff;
  border-color: var(--gray-900);
  border-bottom: 0;
  border-right: 1px solid var(--gray-900);
}

.faq-section .faq-list__categories {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 20px;
}

.faq-section .faq-list__category-item {
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid var(--gray-300);
  border-radius: 100px;
  color: var(--gray-900);
  background: #fff;
  cursor: pointer;
  transition: all 0.15s;
}

.faq-section .faq-list__category-item.active {
  font-weight: 700;
  color: #fff;
  background-color: var(--gray-900);
  border-color: var(--gray-900);
}

.faq-section .faq-list__contents {
  margin-bottom: 40px;
}

.faq-section .faq-list__content-item {
  position: relative;
  display: block;
  padding: 20px 5px;
  font-size: 16px;
 	color: var(--gray-900);
  border-bottom: 1px solid var(--gray-200);
}


.faq-section .faq-list-more-button {
  display: block;
  width: 300px;
  margin: auto;
  padding: 14px 0;
  text-align: center;
  color: var(--gray-900);
  border: 1px solid  var(--gray-400);
  border-radius: 8px;
  font-weight: 500;
}
a {
    text-decoration: none;
}
:root {
  --gray: #212224;
  --gray-light: #727585;
  --gray-lighter: #eceeef;
  --gray-lightest: #FAFAFC;
  
  --gray-100: #FAFAFC;
  --gray-200: #F2F3F7;
  --gray-300: #E4E5ED;
	--gray-400: #C8CAD2;
  --gray-500: #9A9BA7;
  --gray-600: #727585;
  --gray-900: #212224;

  --meta-text-color: #6b7280;
  --grid-gutter-width: 1rem;

  --padding-base-horizontal: 12px;
  --font-size-small: calc(16px * 0.875);
  --font-size-h1: calc(16px * 3);
  --font-size-h2: calc(16px * 1.75);
  --font-size-h3: calc(16px * 1.5);
  --font-size-h4: calc(16px * 1.25);
  --font-size-h5: calc(16px * 1.1);
  --font-size-h6: calc(16px * 1);
  --line-height-computed: 16px * 1.5;
  --strong-font-weight: 600;
  --input-border-color: #dee1e3;
  --input-focus-border-color: #212224;

  --lt-spacer: 1rem;
}
.p_right_n {float: right;
    font-size: 13px;}





/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding:20px;background:#fff;box-sizing:border-box}

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

#bo_v_title {}
#bo_v_title .bo_v_cate{display:inline-block;line-height:26px;background: #3497d9;color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow: inset 0 2px 5px rgb(33, 135, 202);
}
#bo_v_title .bo_v_tit{display:block;font-size:2em;margin:5px 0 0;word-break:break-all}

#bo_v_info {padding:20px;;border-bottom:1px solid #dcdcdc;background:#f9f9f9;border-top:1px solid #730197;}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info strong.tit {display:inline-block;color:#323232;font-size: 20px;;letter-spacing:-0.04em;}
#bo_v_info .name{float:right;}
#bo_v_info .name .sv_member{}
#bo_v_info .name > span {padding-right:30px;margin-right:30px;color:#aaa;font-size:16px;position: relative;}
#bo_v_info .name > span:after {content: '';display: block;width:1px;height:11px;background:#aaa;position:absolute;right:0;
top:8px;}
#bo_v_info .name > span.last {padding-right:0px;margin-right:0px;}
#bo_v_info .name > span.last:after {display:none;}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:bold}
#bo_v_info .profile_img {}
#bo_v_info .profile_img img{border-radius:50%}
#bo_v_info .sv_member{color:#505050;font-size: 16px;font-weight:300;}
#bo_v_info .sv_member.v{margin-right:20px;}
#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
#bo_v_info .if_date{float:right;margin:0;font-style:italic;color:#888}

#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_file h2 {padding:10px;background: #f3f3f3;     margin: 0 !important; font-size:14px;}
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
#bo_v_file li {padding:5px 10px;position:relative;     font-size: 12px;}
#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:none;word-wrap:break-word}
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
#bo_v_link li {padding:5px 10px;position:relative;}
#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}


.bo_v_nb li:nth-child(2) a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    background: url(/img/notice_icon.png) no-repeat center;
}
.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {float:left;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#fff;height:80px;width:calc(50% - 50px);box-sizing:border-box;}
.bo_v_nb li:first-child{text-align:right;}
.bo_v_nb li:nth-child(2){background:#730197;width:100px;}
.bo_v_nb li a {
    padding: 5px 20px;
    color: #646464;
    font-size: 14px;
    letter-spacing: -0.04em;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit{display:block;font-size:22px;color:#303030;margin-bottom:12px;letter-spacing:-0.02em;}
.bo_v_nb li .nb_date{float:right;color:#888}

#bo_v_atc {min-height:200px;height:auto !important;height:200px}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_atc img {
    max-width: 100%;
    max-height: fit-content;
}
ul, dl, dt, dd {
    margin: 0;
    padding: 0;
    list-style: none;
}

span.nw_notice {
    margin-right: 9px;
    background: #FFD400;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 14px;
}

caption {display:none}

.bo_fx {
	text-align:right;
	}
.css-nhzcfv {
    outline: none;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    transition: background-color 0.3s, border-color 0.3s;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    white-space: nowrap;
    max-width: 100%;
    height: 36px;
    font-size: 14px;
    padding: 0px 16px;
    line-height: 14px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(200, 202, 210);
    color: rgb(33, 34, 36);
    width: 130px;
}
.css-nhzcfb {
outline: none;
border:none;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    transition: background-color 0.3s, border-color 0.3s;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    white-space: nowrap;
    max-width: 100%;
    height: 36px;
    font-size: 14px;
    padding: 0px 16px;
    line-height: 14px;
    background-color: rgb(143 9 131);
    color: #fff;
    width: 130px;
}

.css-1bt4mh6 {
    outline: none;
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 500;
    transition: background-color 0.3s, border-color 0.3s;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    max-width: 100%;
    height: 52px;
    font-size: 16px;
    padding: 0px 24px;
    line-height: 16px;
    background-color: rgb(255, 212, 0);
    border: none;
    color: rgb(33, 34, 36);
}
.space30 {display:block; height:30px; clear:both;}


/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current {color:#9f9f9f;display:inline-block;float:left;padding: 0 13px;line-height:30px;text-decoration: none;border: 1px solid #ddd;margin-left:-1px}
.pg a:focus, .pg a:hover {background-color:#f3f3f3}
.pg a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.pg a:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.pg_page {background:#fff;text-decoration:none}
.pg_start {background:url(/adm/img/page_1.png) 50% 50% no-repeat;width:20px;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(/adm/img/page_2.png) 50% 50% no-repeat;width:20px;text-indent:-999px;overflow:hidden}
.pg_next {background:url(/adm/img/page_3.png) 50% 50% no-repeat;width:20px;text-indent:-999px;overflow:hidden}
.pg_end {background:url(/adm/img/page_4.png) 50% 50% no-repeat;width:20px;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#3f51b5;color:#fff;font-weight:normal}





@media screen and (max-width: 800px) {
	.faq-section .bo_fx,
	.faq-section #bo_v_info .name,
	time.p_right_n {display:none}
	.faq-section .faq-list__category-item {font-size:12px; padding: 5px 8px;}
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}