@charset "utf-8";



/* -----------------------------------------------------------------------------------------------
	reset CSS
--------------------------------------------------------------------------------------------------*/




/* -----------------------------------------------------------------------------------------------
	공통
--------------------------------------------------------------------------------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select
{margin:0;padding:0;box-sizing:border-box; letter-spacing:-0.02em;}
.hidden { position:absolute; font-size:0; line-height:0; left:-10000px;}
.f-left {float:left !important;}
.f-right {float:right !important;}
.dis-block {display:block !important;}
.dis-none {display:none !important;}
.text-c {text-align:center !important;}
.text-l {text-align:left !important;}
.text-r {text-align:right !important;}
.vt-t {vertical-align:top !important;}
.vt-m {vertical-align:middle !important;}
.vt-b {vertical-align:bottom !important;}
.bg-none {background:none !important;}
.border-none {border:none !important;}
.clear-fix:after {content:"";display:block;clear:both;}
.bold { font-weight:bold; }
/* ios */
a[x-apple-data-detectors] {
  color:inherit !important;
  text-decoration:none !important;
  font-size:inherit !important;
  font-family:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  white-space:nowrap;
}
.mt0 { margin-top:0px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

a {text-decoration:none;}
a:focus {outline:none;}
span, a, em, button {display:inline-block;}
img,fieldset,iframe{border:0;}
img {max-width:100%;vertical-align:top;}
ul, li{list-style:none;}
em,address{font-style:normal;}
input,select,button{vertical-align:middle;}
caption,legend,.blind{overflow:hidden;position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;text-align:left;}
input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number], select
{width:100%;height:36px;padding:0 10px;border:1px solid #ccc;font-size:16px;color:#333;vertical-align:middle;-webkit-appearance:none;}
input[type=password],input[type=email]{ime-mode:disabled;}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
select:focus,
textarea:focus{border:1px solid #ccc;}
input[type=file]{width:99.5%;height:30px;border:1px solid #d2d2d2;background:#fff;}
select{height:36px;padding-left:5px;border:1px solid #ccc;font-size:16px;color:#333;vertical-align:middle;}
textarea{width:100%;padding:10px;border:1px solid #ccc;font-size:16px;color:#333;resize:none;height:200px;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
table th {font-weight:normal;}
hr{display:none;}
label {cursor:pointer;}



/* -----------------------------------------------------------------------------------------------
	bbs 공통
--------------------------------------------------------------------------------------------------*/
#board-wrap { width:100%; max-width:1200px; margin:0 auto; padding:0 10px; }
/* 버튼 */
.btn-large { display:inline-block; min-width:12rem; height:4.6rem; padding:0 4rem; font-size:1.8rem; border:none; line-height:4.4rem; text-align:center; }
.btn-mid {display:inline-block; min-width:10rem; height:4rem; padding:0 3rem; font-size:1.6rem; border:none; line-height:3.8rem; text-align:center}
.btn-small {display:inline-block; min-width:10rem; height:3.6rem; padding:0 2.5rem; font-size:1.4rem; line-height:3.4rem; border:none; text-align:center}
.btn-white { background:#fff; color:#171717; border:1px solid #4d4d4d;}
.btn-white:hover { background:#efefef;}
.btn-grey { background:#666; color:#fff !important; border:1px solid #5b5b5b;}
.btn-grey:hover { background:#444;  }

@media (max-width:767px){
	.btn-large { min-width:8rem; height:4rem; padding:0 3rem; line-height:3.8rem; font-size:1.6rem; }
	.btn-mid {min-width:7rem; height:3.6rem; padding:0 1rem; line-height:3.4rem; font-size:1.4rem;}
	.btn-small {min-width:6rem; height:3rem; padding:0 1rem; line-height:3rem; font-size:1.3rem;}
}



/* -----------------------------------------------------------------------------------------------
     list
--------------------------------------------------------------------------------------------------*/

/* 검색 부분 */
.search-area { text-align:right; margin-bottom:40px; padding:20px; /*background:#f7f7f7; border:1px solid #efefef;*/ }
.search-area .selectBox { width:150px; height:46px; background : url(images/select_arrow.png) no-repeat right center ; padding:8px 30px 9px 12px; background-color:#fff; }
.search-area .input-grp { position:relative; display:inline-block; }
.search-area .inputbox { border:1px solid #ccc; background-color:#fff; width:360px; height:46px; line-height:46px; }
.search-area .bt-search { width:80px; height:46px; line-height:46px; background-color:#666; color:#fff; text-align:center; font-size:16px; vertical-align:middle; }

/* board-list */
.list-wrap { width:100%; }
.board-list { background-color:#fff; padding-bottom:50px; }
.board-list .list-head { display:table; width:100%; border-top:2px solid #333; border-bottom:1px solid #333;}
.board-list .list-head > span { display:table-cell; text-align:center; vertical-align:middle; text-align:center; font-size:15px; color:#333; padding:12px 0 11px;}
.board-list span.num, .board-list span.click{ width:10%;}
.board-list span.date { width:12%;}
.board-list .list-body .rows { display:table; width:100%; border-bottom:1px solid #ccc;}
.board-list .list-body .rows > span { display:table-cell; text-align:center; vertical-align:middle; font-size:14px; padding:21px 0 20px; color:#999;}
.board-list .list-body .rows > span.subject { text-align:left;}
.board-list .list-body .rows > span.subject a { color:#333; font-size:16px;}
.board-list .list-body .rows > span.subject a:hover{ text-decoration:underline;}
.board-list .list-body .rows > span.subject.reply a { margin-left:10px; }
.board-list .list-body .rows > span.subject.reply a:before { content:'[Re]'; color:#e37305; display:inline-block; margin-right:10px; font-weight:bold; }
.board-list .btn-wrap { margin-top:20px; }
.press-list .press_name { }
.press-list .press_name span { display:inline-block; background:#776f5b; color:#fff; padding:0 10px; line-height:24px; }
.press-list .list_item { transform:translateY(0px); transition:all 0.3s; }
.press-list .list_item:hover { box-shadow:0px 10px 15px rgba(0,0,0,0.45); transform:translateY(-10px); transition:all 0.3s;  }

/* paging */
.paging {display:block; position:relative; margin:0; padding:0; text-align:center;}
.paging a {display:inline-block; width:44px; height:44px; border:1px solid #f2f2f2; color:#666; font-size:1.12em; line-height:44px; vertical-align:middle;}
.paging a:hover {background:#efefef; border-color:#ccc; }
.paging a.current {background:#666; color:#fff;}
.paging button  { display:inline-block; width:44px; height:44px; border:1px solid #ccc; vertical-align:middle; text-indent:-9999px; background:url(images/ico_paging.png) no-repeat; cursor:pointer; }
.paging button.pg_first.disable {background-position:-4px -54px; cursor:default;}
.paging button.pg_prev.disable {background-position:-54px -54px; cursor:default;}
.paging button.pg_next.disable {background-position:-54px -54px; cursor:default;}
.paging button.pg_last.disable {background-position:-154px -54px; cursor:default;}
.paging button.pg_first {background-position:-4px -4px;}
.paging button.pg_prev {background-position:-54px -4px;}
.paging button.pg_next {background-position:-104px -4px;}
.paging button.pg_last {background-position:-154px -4px;}

@media all and (max-width:767px){
	/* 검색 부분*/
	.search-area{ text-align:center; margin-bottom:30px; padding:15px;}
	.search-area .selectBox { width:100%; height:30px; padding: 4px 30px 4px 9px;  font-size:1em; }
	.search-area .input-grp {  position:relative; display:block; margin-top:10px; padding-right:35px; }
	.search-area .inputbox { width:100%; height:30px;  font-size:1em; }
	.search-area .bt-search { position:absolute; top:0; right:0; width:30px; height:30px; background:url(images/icon_search.png) no-repeat center center; background-size:16px 16px;
	background-color:#666; text-indent: -9999px; }
	/* board-list */
	.board-list { border-top:2px solid #333; padding-bottom:30px; }
	.board-list .list-head { display:none;}
	.board-list span.num, .board-list span.click,	.board-list span.date { width:auto;}
	.board-list .list-body .rows { position:relative; display:block; width:100%; padding:12px 10px;}
	.board-list .list-body .rows > span { display:inline-block; font-size:13px; padding:0; }
	.board-list .list-body .rows > span.num { display:none;}
	.board-list .list-body .rows > span.subject { display:block; margin-bottom:5px;}
	.board-list .list-body .rows > span.subject a { font-size:15px;}
	.board-list .list-body .rows > span.date { position:relative; padding:0 20px 0 0;}
	.board-list .list-body .rows > span.date:after { content:""; position:absolute; width:1px; height:8px; background:#ccc; top:50%; right:0; margin-top:-4px; display:block;}
	.board-list .list-body .rows > span.click { position:relative; margin-left:20px; }
	.board-list .list-body .rows > span.click:before { content:"조회수"; display:inline-block; padding-right:5px; }
	.board-list .tbl-btm { margin-top:10px; }	
	/* paging */
	.paging button {width:34px; height:34px;}
	.paging button.pg_first {display:none;}
	.paging button.pg_last {display:none;}
	.paging button.pg_prev.disable {background-position:-59px -9px;}
	.paging button.pg_next.disable {background-position:-109px -9px;}
	.paging button.pg_prev {background-position:-59px -59px;}
	.paging button.pg_next {background-position:-109px -59px;}
	.paging a {width:34px; height:34px; line-height:34px;}
}


/* -----------------------------------------------------------------------------------------------
	view
--------------------------------------------------------------------------------------------------*/
.board_view { border-bottom:2px solid #333; padding-bottom:20px; margin-bottom:30px; }
.doc_summary { width:100%; padding:20px; border-top:2px solid #333; border-bottom:1px solid #ccc; background:#f9f9f9; }
.doc_summary .title {display:block; color:#171717; font-size:22px; text-align:left; line-height:1.25em;}
.doc_summary .writer_date {display:block; text-align:left; font-size:14px; margin-top:10px; }
.doc_summary .writer_date dt { display:inline-block; color:#333;}
.doc_summary .writer_date dt.dt_bar { margin-left:20px; padding-left:21px; position:relative; }
.doc_summary .writer_date dt.dt_bar:before { display:inline-block; position:absolute; content:''; left:0; top:4px; width:1px; height:14px; background:#ccc; }
.doc_summary .writer_date dd {display:inline-block; margin-left:10px; color:#999;}

.print_content { padding:60px 20px; color:#5b5b5b; }

.attach_file { padding:20px 0; border:1px solid #ccc; font-size:15px; }
.attach_file dl {display:table; width:100%;}
.attach_file dl dt {display:table-cell; width:180px; text-align:center; vertical-align:middle; color:#0d0d0d;}
.attach_file dl dd {display:table-cell; border-left:1px solid #d9d9d9; }
.attach_file dl dd .file {display:inline-block; margin-left:20px; padding-left:30px; background:url(images/icon_file.png) no-repeat left center; min-height:20px;}
.attach_file dl dd a { color:#054cad; }

.cont_list {margin-top:30px; border-top:1px solid #b3b3b3;}
.cont_list dl {display:table; width:100%; border-bottom:1px solid #b3b3b3; }
.cont_list dt {float:left; width:15%; padding-left:20px; background:#f2f2f2; color:#666; font-size:1em; }
.cont_list dt .list_prev {display:block; background:url(images/list_prev.png) no-repeat right center; line-height:49px; }
.cont_list dt .list_next {display:block; background:url(images/list_next.png) no-repeat right center; line-height:49px;}
.cont_list dd {float:left; width:85%; padding-left:20px; line-height:49px;}
.cont_list dd a {color:#666; font-size:1em;}
.cont_list dd a:hover {color:#111; text-decoration:underline;}
.cont_list_s { display:none; }

@media all and (min-width:768px) and (max-width:1150px){
	.doc_summary .writer_date {width:auto;}
	.print_content img {max-width:100%;}
}

@media all and (max-width:767px){
	.board_view  { margin-bottom:10px; }
	
	.doc_summary { padding:15px 10px;}
	.doc_summary .title { width:auto; font-size:1.214em;}
	
	.attach_file {padding:0; font-size:14px;}
	.attach_file dl dt { display:block; width:100%; padding-left:10px; line-height:40px; border-bottom:1px solid #ccc;  font-size:1em; text-align:left; }
	.attach_file dl dd {display:block; width:100%; border:none; padding:15px 10px 15px 0; }
	.attach_file dl dd .file { padding-left:25px; margin-left:10px;}
	
	.cont_list {display:none;}
	.cont_list_s { display:block; text-align:center; margin-top:30px;  }
	.btn-prev-list { padding-left:35px; background:url(images/list_prev_m.png) no-repeat left center; border-color:#777; background-color:#f1f1f1; color:#777; font-size:15px; }
	.btn-next-list { padding-right:35px; background:url(images/list_next_m.png) no-repeat right center; border-color:#777; background-color:#f1f1f1; color:#777; font-size:15px;}
	.print_content { padding:50px 15px; }
	.print_content img {display:block; max-width:100%;}
}


/* -----------------------------------------------------------------------------------------------
	write
--------------------------------------------------------------------------------------------------*/
.board_write { width:100%; margin-bottom:20px; }
.board_write .title { display:block; color:#171717; font-size:20px; text-align:left; line-height:1.25em; width:100%; padding-bottom:20px; }
.board_write .write-item { border-top:2px solid #333; display:block; width:100%; font-size:14px; }
.board_write .write-item dl { display:table; width:100%; border-bottom:1px solid #ccc; }
.board_write .write-item dt { display:table-cell;  width:15%;  padding:10px 0 10px 30px; background:#efefef; color:#0d0d0d; font-size:16px; position:relative; vertical-align:middle; }
.board_write .write-item dd { display:table-cell;  padding:10px 25px 9px 25px; }
.board_write .write-item dl.required dt:before { content:'*'; color:#e37305; position:absolute; left:18px; top:50%; margin-top:-10px; font-weight:bold; font-weight:bold; }
.board_write .write-item input[name="user_name"],
.board_write .write-item input[name="email"],
.board_write .write-item input[name="phone"],
.board_write .write-item input[name="display_order"],
.board_write .write-item input[name="notice"]{ max-width:450px; }
.board_write .write-item .att_file input[type="file"] { width:calc(100% - 50px); }
.board_write .write-item .att_file div:after { display:block; clear:both; content:''; }
.board_write .write-item .att_file div + div { margin-top:7px; border-top:1px solid #efefef; padding-top:4px; }
.board_write .write-item .thumb input[type="file"] { width:calc(100% - 50px); }

@media all and (max-width:767px){
	.board_write .title { font-size:16px; padding-bottom:10px; }
	.board_write .write-item { font-size:13px; }
	.board_write .write-item dt { width:30%; padding:7px 0 7px 15px; font-size:14px; }
	.board_write .write-item dl.required dt:before { left:5px; }
	.board_write .write-item dl.editer-wrap dt { width:0; font-size:0; text-indent:-99999px; padding:0; }
	.board_write .write-item dl.editer-wrap dd { padding:10px 0; width:100%; }	
}



/* -----------------------------------------------------------------------------------------------
     언론보도
--------------------------------------------------------------------------------------------------*/

/* list */
ul.gallery-list { width:calc(100% + 2rem); margin-left:-1rem; }
ul.gallery-list:after { display:block; clear:both; content:''; }
ul.gallery-list li { display:block; float:left; padding:1rem; box-sizing:border-box; }
ul.gallery-list li .list_item { border:1px solid #ccc; }
ul.gallery-list .list_item .thumb {  display:block; }
ul.gallery-list .list_item .thumb .thumb-img { overflow:hidden; text-align:center; width:100%; height:0; padding-bottom:60%; position:relative; }
ul.gallery-list .list_item .thumb .thumb-img a { position:absolute; top:0; left:0; width:100%; height:100%; }
ul.gallery-list .list_item .thumb .thumb-img img {  cursor:pointer !important; }
ul.gallery-list .list_item .thumb .thumb-img img  {
	width:100%; 
	transform:matrix(1, 0, 0, 1, 0, 0); 
	transition:0.2s ease-in; 
	-moz-transition:0.2s ease-in; 
	-webkit-transition:0.2s ease-in; 
	-ms-transform:0.2s ease-in; }
ul.gallery-list .list_item .thumb .thumb-img img:hover { transform: matrix(1.15, 0, 0, 1.15, 0, 0);  }
ul.gallery-list .list_item .caption { display:block; padding:2rem; }
ul.gallery-list .list_item .caption .subject a { display:block; color:#111; font-size:1.8rem; font-weight:500; line-height:2.6rem; height:5.2rem; 
display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word;  }
ul.gallery-list .list_item .caption .subject a:hover { color:#000; }
ul.gallery-list .list_item .caption .contents { font-size:1.5rem; color:#555; margin-top:1rem; line-height:2.2rem; height:6.6rem; 
display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
ul.gallery-list .list_item .caption .date { color:#999; font-size:1.4rem; text-align:right; margin-top:1rem;}
ul.gallery-list.type-5 li { width:20%; }
ul.gallery-list.type-5 li:nth-child(5n+1) { clear:both; }
ul.gallery-list.type-4 li { width:25%; }
ul.gallery-list.type-4 li:nth-child(4n+1) { clear:both; }
ul.gallery-list.type-3 li { width:33.3333333%; }
ul.gallery-list.type-3 li:nth-child(3n+1) { clear:both; }


@media (max-width:960px){
	ul.gallery-list.type-3 li,
	ul.gallery-list.type-4 li, 
	ul.gallery-list.type-5 li { width:50%; }
	ul.gallery-list.type-5 li:nth-child(5n+1), 
	ul.gallery-list.type-4 li:nth-child(4n+1), 
	ul.gallery-list.type-3 li:nth-child(3n+1) { clear:none; }
	ul.gallery-list.type-5 li:nth-child(2n+1), 
	ul.gallery-list.type-4 li:nth-child(2n+1), 
	ul.gallery-list.type-3 li:nth-child(2n+1) { clear:both; }
	#gallery-wrap .board-list { border-top:0; }	
}

@media (max-width:600px){
	ul.gallery-list { width:calc(100% + 1rem); margin-left:-0.5rem; }
	ul.gallery-list li { padding:0.5rem; }
	ul.gallery-list .list_item .caption { padding:1rem; }
	ul.gallery-list .list_item .caption .subject a { font-size:1.7rem; line-height:2.4rem; height:4.8rem; letter-spacing:-0.05em; }
	ul.gallery-list .list_item .caption .contents { font-size:1.4rem; margin-top:0.5rem; line-height:2rem; height:6rem; }
}






/* 리스트 추가 */
/* 랩퍼: 폭 1190, 중앙정렬 */
/* ===============================
   KB 리스트 기본 (모바일 공통)
   =============================== */

/* 랩퍼 */
#kb-list {
  margin: 0 auto;
  padding: 40px 0 80px;
  color: #111;
}

/* 기본 구조 */
#kb-list .kb-board-inner {
  width: 100%;
  display: flex;
  gap: 60px;
}

/* 업무분야 (PC 기본) */
#kb-list .kb-field {
  flex: 0 0 220px;
}

#kb-list .kb-field-title {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 24px;
}

#kb-list .kb-field-list {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
}

#kb-list .kb-field-list li + li {
  border-top: 1px solid #e5e5e5;
}

#kb-list .kb-field-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  font-size: 16px;
  color: #111;
}

#kb-list .kb-field-list a span {
  flex: 1;
}

#kb-list .kb-field-list a i {
  font-size: 16px;
  color: #777;
}

#kb-list .kb-field-list li.on,
#kb-list .kb-field-list li:hover {
  background: #47423e;
}

#kb-list .kb-field-list li:hover a,
#kb-list .kb-field-list li.on a {
  font-weight: 700;
  color:#fff;
}

#kb-list .kb-field-list li:hover a i,
#kb-list .kb-field-list li.on a i {
  color: #fff;
}

/* 분야 더보기 버튼 (PC 기본: 숨김) */
#kb-list .kb-field-more-btn {
  display: none;
  margin-top: 16px;
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #111;
  background: #fff;
  font-size: 15px;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}

#kb-list .kb-field-more-btn .ico {
  font-size: 18px;
}

/* 게시판 리스트 영역 */
#kb-list .kb-list {
  flex: 1;
  border-top: 3px solid #111;
}

#kb-list .kb-q-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  cursor: pointer;
}

#kb-list .kb-q-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 24px 0;
}

/* 전체를 클릭 영역으로 */
#kb-list .kb-q-link {
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 20px;
  text-decoration: none;
  color: inherit;
}

#kb-list .kb-q-link:hover .kb-q-title {
  text-decoration: underline;
}

/* Q 아이콘 */
#kb-list .kb-q-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 28px;
  margin-top: 4px;  /* 제목과 정렬 맞추기 */
}

/* 가운데 텍스트 영역 */
#kb-list .kb-q-cont {
  flex: 1;
  min-width: 0;
}

/* 제목 / 내용 / 조회수 기본값 (모바일 기준) */
#kb-list .kb-q-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
}

#kb-list .kb-q-desc {
  font-size: 14px;
  color: #777;
  line-height: 1.6;
  max-height: 3.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#kb-list .kb-q-meta {
  margin-top: 8px;
  font-size: 13px;
  color: #777;
}

/* 오른쪽 “자세히보기 +” 영역 */
#kb-list .kb-q-more {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 15px;
  color: #000;
}

#kb-list .kb-q-more i {
  font-size: 22px;
}

/* 기타 */
#kb-list .blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

#kb-list .btn-wrap {
  margin: 20px 0 0;
}

#kb-list .paging {
  margin: 20px 0;
}


#kb-list .kb-empty {
  border-bottom: 1px solid #e5e5e5;
  padding: 80px 0;
  text-align:center;
  font-size:16px;
}

/* ===============================
   데스크탑 (1025px 이상)
   =============================== */
@media (min-width: 1025px) {
  /* 제목/본문/조회수 데스크탑 사이즈 */
  #kb-list .kb-q-title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #kb-list .kb-q-desc {
    font-size: 16px;
    color: #333;
    font-weight: 400;
  }

  #kb-list .kb-q-meta {
    margin-top: 10px;
    font-size: 16px;
    color: #999;
  }

  /* 오른쪽 + 영역 조금 더 강조 */
  #kb-list .kb-q-more {
    min-width: 70px;
    justify-content: center;
    text-align: center;
	margin-top:20px;
  }

  #kb-list .kb-q-more i {
    font-size: 32px;
    margin-bottom: 4px;
  }
}

/* ===============================
   태블릿 & 모바일 (1024px 이하)
   =============================== */
@media (max-width: 1024px) {
  #kb-list {
    padding: 30px 10px 60px;
  }

  #kb-list .kb-board-inner {
    flex-direction: column;
    gap: 40px;
  }

  #kb-list .kb-field {
    flex: 1;
  }

  /* 카테고리 2열 그리드 */
  #kb-list .kb-field-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-radius: 0;
    border: 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }

  #kb-list .kb-field-list li {
    border: 0;
    border-right: 1px solid #e5e5e5;
  }

  #kb-list .kb-field-list li:nth-child(2n) {
    border-right: 0;
  }

  #kb-list .kb-field-list a {
    padding: 14px 16px;
  }

  #kb-list .kb-field-list a i {
    font-size: 14px;
  }

  /* 추가 분류 기본 숨김 */
  #kb-list .kb-field-list li.is-extra {
    display: none;
  }

  /* 분야 더보기 눌렀을 때 노출 */
  #kb-list .kb-field-list.is-open li.is-extra {
    display: block;
  }

  /* 모바일에서 더보기 버튼 보이기 */
  #kb-list .kb-field-more-btn {
    display: flex;
  }

  #kb-list .kb-list {
    padding-top: 24px;
  }

  /* 모바일에서는 오른쪽 + 영역 숨김(원하면 삭제) */
  #kb-list .kb-q-more {
    display: none;
  }
}

/* ===============================
   작은 모바일 (640px 이하)
   =============================== */
@media (max-width: 640px) {
  #kb-list .kb-q-link {
    gap: 14px;
  }

  #kb-list .kb-q-title {
    font-size: 16px;
  }

  #kb-list .kb-q-desc {
    font-size: 13px;
  }

  #kb-list .kb-field-title {
    font-size: 22px;
  }
}



/* ===========================
   상세페이지 공통
   =========================== */

#kb-view {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 10px 80px;
  font-family: "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #111;
}

/* 상단 Q + 제목 */
#kb-view .kbv-header {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 24px 0 30px;
  border-top: 3px solid #111;
  border-bottom: 1px solid #eee;
  position: relative;
}

#kb-view .kbv-q-icon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 30px;
  margin-top: 6px;
}

#kb-view .kbv-title-wrap {
  flex: 1;
  min-width: 0;
}

#kb-view .kbv-title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 14px;
  line-height: 1.4;
}

#kb-view .kbv-meta {
  font-size: 18px;
  color: #777;
  display: flex;
  gap: 16px;
  align-items: center;
}

#kb-view .kbv-meta i {
  margin-right: 4px;
}

#kb-view .kbv-share-btn {
  position: absolute;
  right: 0;
  top: 24px;
  border: 0;
  background: none;
  font-size: 20px;
  cursor: pointer;
}

/* 카테고리 배지 */
#kb-view .kbv-category {
  margin: 24px 0 16px;
}

#kb-view .kbv-badge {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  background: #f5f5f7;
}

/* 질문 본문 */
#kb-view .kbv-question {
  font-size: 20px;
  line-height: 1.5;
  color: #000;
  margin: 30px 0;
}

/* 답변 박스 */
#kb-view .kbv-answer {
  padding: 0 0 32px;
  margin: 50px 0;
  overflow:hidden;
  
}

#kb-view .kbv-answer-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  background: #47423e;
  padding:30px 25px;
  color:#fff;
}

#kb-view .kbv-a-icon {
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

#kb-view .kbv-answer-title {
  font-size: 25px;
  font-weight: 700;
}

#kb-view .kbv-answer-body {
  font-size: 20px;
  line-height: 1.5;
  color: #333;
}

/* 하단 버튼 영역 */
#kb-view .kbv-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  gap: 10px;
}

#kb-view .kbv-prevnext a {
  font-size: 13px;
  color: #666;
  margin-right: 12px;
}

#kb-view .kbv-list-btn .btn-list {
  display: inline-block;
  min-width: 140px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 999px;
  border: 1px solid #111;
  font-size: 14px;
}

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

@media (max-width: 1024px) {
  #kb-view {
    padding: 30px 12px 60px;
  }

  #kb-view .kbv-header {
    flex-direction: row;
  }

  #kb-view .kbv-title {
    font-size: 22px;
  }

  #kb-view .kbv-strength-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #kb-view .kbv-consult {
    flex-direction: column;
  }

  #kb-view .kbv-consult-right {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  #kb-view .kbv-header {
    flex-direction: column;
    gap: 12px;
  }

  #kb-view .kbv-q-icon {
    margin-top: 0;
  }

  #kb-view .kbv-title {
    font-size: 20px;
  }

  #kb-view .kbv-meta {
    font-size: 12px;
  }
  
  #kb-view .kbv-a-icon {
	  font-size: 20px;
	}

	/* 질문 본문 */
	#kb-view .kbv-question {
	  font-size: 16px;
	}


	#kb-view .kbv-answer-head {
	  margin-bottom: 15px;
	  padding:20px 15px;
	}
	
	#kb-view .kbv-answer-title {
	  font-size: 18px;
	}
	
	#kb-view .kbv-answer-body {
	  padding:20px 15px;
	  font-size: 16px;
	}


  #kb-view .kbv-strength-list {
    grid-template-columns: 1fr;
  }

  #kb-view .kbv-consult {
    padding: 20px 16px;
  }

  #kb-view .kbv-consult-right {
    grid-template-columns: 1fr;
  }

  #kb-view .kbv-bottom {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  #kb-view .kbv-list-btn .btn-list {
    width: 100%;
  }

  #kb-view .kbv-prevnext {
    text-align: left;
  }
}