/* 상단seacrh */
div.ui-board-info { background-color: #f5f5f5; border: 1px solid #e2e2e2; padding: 15px 10px; }
div.ui-board-info .page-search-box { margin: 5px 0; }

/* .ul-list */
table.ui-list { width: 100%; }
table.ui-list thead th { color: #222222; font-weight: 400; }
table.ui-list tbody tr { /*margin-left:-15px;margin-bottom:0;margin-top:0;padding-top:0;font-size:1em;*/ border-top: 1px solid #dddddd;height:60px;background: url(/resources/images/korean/sub/faq_arrow_icon.png) no-repeat right center;}
table.ui-list tbody td,
table.ui-list tbody th { padding: 10px 0; font-weight: 300; }
table.ui-list tbody td.num {background: url(/resources/images/korean/sub/faq_q_icon.png) no-repeat 30px center;}

/* .ui-view */
div#board_page_info p { font-size: 1em; }
div.ui-view h5.ui-title { color: #383838; font-size: 1.714em; font-weight: 500; }
div#board_item_list dt { font-size: 1em; padding: 10px; }
div#board_item_list dd input[type="text"],
div#board_item_list dd input[type="password"],
div#board_item_list dd textarea,
div#board_item_list dd select { height: 34px; padding: 4px 7px; }

/* 게시판 btn */
button.ui-btn,
input.ui-btn { font-size: 1em; height: auto; border-radius: 1px; }
div.fileBox .ui-btn.small { height: auto; }
div.fileBox .ui-btn.small:hover {background:#222222; border-radius:2px solid #000000;}

/* gallery */
.ui-gallery{display:grid !important;grid-template-columns: repeat(4, minmax(0,1fr));gap:16px; padding: 25px 0;border-top: 3px solid #616263;border-bottom: 1px solid #e1e2e3;}

/* 2) LI: float/width 제거, 카드화 */
.ui-gallery li{ float:none !important;width:auto !important;margin:0;/* 개별 여백은 gap으로 */text-align:left;/* 유튜브처럼 좌측 정렬 */position:relative;box-sizing:border-box;overflow:visible;           /* 오버레이 표시 위해 */}

/* 3) 썸네일 박스: 16:9, 이미지 커버, 테두리/배경 제거 */
.ui-gallery li > a{display:block;position:relative;width:100%;aspect-ratio:16/9;          /* 16:9 비율 유지 */height:auto !important;line-height:0 !important;max-width:none !important;overflow:hidden;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);background:#000;            /* 로딩 중 검정 배경 */}
.ui-gallery li > a:before{ display:none !important; }

/* 4) 이미지 꽉 채우기 */
.ui-gallery li img{width:100% !important;height:100% !important;object-fit:cover;transform:translateZ(0);transition:transform .25s ease;}

/* 5) 제목 <p>를 오버레이로 재배치 (a의 형제지만 li 기준 절대배치) */
.ui-gallery li > p {position:absolute !important; left:0; right:0; bottom:0;padding:10px 12px;font-size:20px; font-weight:500; line-height:1.35;color:#fff;text-align:left !important;display:-webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;   /* 최대 2줄 */ overflow:hidden; text-overflow:ellipsis; z-index:2000; opacity:0;transform: translateY(6px);transition: opacity .25s ease, transform .25s ease;pointer-events:auto; /*pointer-events:none; */margin-bottom: 0px; border-radius: 12px;}

/* 배경 그라데이션 (텍스트 padding과 분리) */
.ui-gallery li > p::before {content:"";position:absolute;left:0; right:0; bottom:0; top:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.75) 100%);z-index:-1;    /* 텍스트 뒤에 깔리도록 */}


/* 6) 호버/포커스 시 유튜브 느낌의 확대 + 타이틀 등장 */
.ui-gallery li:hover img,
.ui-gallery li:focus-within img{transform: scale(1.03);}
.ui-gallery li:hover > p,
.ui-gallery li:focus-within > p{ opacity:1;transform: translateY(0);}

/* 7) 카드 하단의 메타(<p class="data-list">) 숨기기 또는 재배치 */
.ui-gallery li .data-list{display:none; /* 유튜브처럼 기본 숨김. 필요 시 아래처럼 풀어 좌측 텍스트로 사용 *//* display:block; margin-top:8px; color:#606060; font-size:12px; */}

/* 8) 상태 리본(i.ready/ing/com)은 필요시 위치만 조정 */
.ui-gallery li i{ left:8px; top:8px; }

@media (max-width:1200px){ .ui-gallery{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width:820px) { .ui-gallery{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:460px) { .ui-gallery{ grid-template-columns: 1fr; } }

.ui-gallery li > a iframe{position:absolute; inset:0;width:100%; height:100%;border:0;pointer-events:none; /* 핵심 */}
/* 레이어 순서 명확히 */
.ui-gallery li{ position:relative; }
.ui-gallery li > a{ position:relative; z-index:100; }
.ui-gallery li > a iframe{ display:block; width:100%; height:100%; border:0; }


ul.ui-gallery-pdf li { padding-right: 1%; }
ul.ui-gallery-pdf li:nth-child(4n) { padding-right: 0; }
ul.ui-gallery-pdf li .data-list,
ul.ui-gallery-pdf li > a { width: 100%; width: 100%; max-width: 100%; }
ul.ui-gallery-pdf li .data-list { color: #202020; font-size: 1.28em; font-weight: 400; }
ul.ui-gallery-pdf li > a { height: 400px; }
ul.ui-gallery-pdf li > a img { width: 100%; height: 400px; }
ul.ui-gallery-pdf li > p { font-size: 20px;  margin-top: 0px; font-weight: 400;color: #202020;}

/* faq */
table.ui-list tbody tr > td p {line-height:150%; margin:0;}
table.ui-list tbody tr > td.num { background-color :#ffffff !important; padding: 10px 0 !important; font-size:0; }
table.ui-list tbody tr > td:first-child { background-color: #f5f5f5; padding: 20px 20px 20px 10%; }
table.ui-list tbody tr > td > a { font-weight: 400; }

/* tab게시판 여백 조절 */
.sub-con.direct-chat { padding: 0; }

/* 상단 검색 부분 관련 */
.direct-chat .search-pd .d-title {margin-top:6px;}
.direct-chat .search-pd .d-value .form-control {border-radius:0; height:34px!important;}
.direct-chat .btn i.fa { margin-bottom: 0 !important; }

/* #searchVO 게시판관련  */
#searchVO .box {box-shadow:none;}
#searchVO table.table {border-collapse: collapse; border-top:2px solid #5e5e5e;}
#searchVO table.table thead th {background: #fcfcfc; border-bottom:1px solid #aeaeae; border-left:1px solid #e2e2e2; color:#222; padding:10px; text-align:center; font-weight:400; }
#searchVO table.table thead th:first-child,
#searchVO table.table td:first-child {border-left:0;}
#searchVO table.table tr {text-align:left}

#searchVO table.table tbody tr:focus,
#searchVO table.table tbody tr:hover {background-color:#f9f9f9; cursor:pointer;}
#searchVO table.table td { padding:10px; /*font-size: 13px;*/ color:#5b5b5b; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2; text-align:center; vertical-align: middle;background-color:#ffffff;}
#searchVO table.table td a {color:#5b5b5b}
#searchVO table.table td a:focus,
#searchVO table.table td a:hover {text-decoration:none}
#searchVO table.table img{ vertical-align:middle; }
#searchVO table.table .board-list-title{ width: 550px; text-align: left; height: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* #searchVO board_new */
#searchVO table.table tbody tr.board_new td,
#searchVO table.table tbody tr.board_new td a {color: #1664b7; background-color:#f9fafb;}


.direct-chat {padding:35px 0 0;}
.direct-chat .box-header.with-border {border-bottom:0;}
.direct-chat .table-grid > tbody > tr > td,
.direct-chat .table-grid > tbody > tr > th,
.direct-chat .table-grid > thead > tr > td,
.direct-chat .table-grid > thead > tr > th {border-bottom:0; border-left:0;}
.direct-chat .table-grid > tbody > tr > td:last-child,
.direct-chat .table-grid > tbody > tr > th:last-child,
.direct-chat .table-grid > thead > tr > td:last-child,
.direct-chat .table-grid > thead > tr > th:last-child {border-right:0;}


/*pagination*/
.direct-chat .box-footer {border-top:0;}
.direct-chat .pagination {margin:10px 0;}
.direct-chat .pagination > li:first-child > a,
.direct-chat .pagination > li:first-child > span {border-bottom-left-radius:0; border-top-left-radius:0;}
.direct-chat .pagination > li:last-child > a,
.direct-chat .pagination > li:last-child > span {border-bottom-right-radius:0; border-top-right-radius:0;}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus { background-color: #be222f; border-color: #be222f; }
.pagination>li>a,
.pagination>li>span { color: #be222f; }
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus { color: #be222f; }


/* 글읽기, 글쓰기 공통 */
#tBoardRead .box,
#tBoardWrite .box {border:0;}
#tBoardRead table.table-grid,
#tBoardWrite table.table-grid {border-top:2px solid #5e5e5e; border-bottom:1px solid #dddddd; font-size: 1em !important;}
#tBoardRead .box-footer,
#tBoardWrite .box-footer {padding:10px 0 0 !important;}

/* 글읽기 */
#tBoardRead {padding-bottom:50px;}
#tBoardRead .b_ttl {margin:30px 0 20px; font-size: 1.714em; color:#383838; font-weight:500;}
#tBoardRead table.table-detail th,
#tBoardRead table.table-detail td {background:#fcfcfc !important; font-size:1em; margin-top:0; border-right:0; }
#tBoardRead table.table-detail th:first-of-type,
#tBoardRead table.table-detail td:first-of-type { border-left: 0; }
#tBoardRead table.table-detail th {text-align:left;}
#tBoardRead table.table-detail th label {padding:6px 0 6px 12px; font-weight:400;}
#tBoardRead table.table-detail td.b_cont {background:#ffffff !important; padding:25px !important;}
#tBoardRead table.table-detail td.b_rep { background:#fff !important; }
#tBoardRead table.table-detail td.b_rep .b_repv { padding-bottom: 8px; border-top: solid 1px #ddd; }
#tBoardRead table.table-detail td.b_rep .b_repv:first-child { border-top: none; }
#tBoardRead table.table-detail td.b_rep .b_repv p.b_repv_t { margin: 10px 0 5px 0; color: #222; font-weight: 500; }
#tBoardRead table.table-detail td.b_rep .b_repv p.b_repv_t span { margin-left: 10px; color: #999; font-size: 0.8em; font-weight: 300; }
#tBoardRead table.table-detail td.b_rep .b_repv p.b_repv_c { margin: 0 0 7px 0; }
#tBoardRead table.table-detail td.b_rep .b_repv div button { padding: 2px 7px; font-size: 0.8em; font-weight: 300; }
#tBoardRead table.table-detail td.b_rep .b_repw { padding: 10px 0; border-top: solid 1px #ddd; }
#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name { position:relative; width: 100%; padding-bottom: 5px }
#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name span { position:absolute; top: 5px; left: 12px;}
#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name input { /*position: absolute;*/ top:0; left:0; width: 200px; border: solid 1px #ccc; padding: 4px 7px 4px 30px; }
#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name .inline { position: relative; width: 200px;  }
#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name .inline input { position: relative; width: 200px; border: solid 1px #ccc; padding: 4px 7px 4px 30px; }
#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name .inline span { position:absolute; top: 0px; left: 12px;}
#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_wr { float: left; width:80%; }
#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_wr textarea { width: 100%; height: 60px; }
#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_bt { float: left; width:20%; }
#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_bt button { width: 100%; height:60px; margin: 0 2px; }


/* 글쓰기 */
#tBoardWrite .box {border:0;}
#tBoardWrite table.table-detail th {background:#ffffff !important; vertical-align: top; text-align:left; padding:10px 0 !important;}
#tBoardWrite table.table-detail th:first-of-type { border-left: 0; }
#tBoardWrite table.table-grid td,
#tBoardWrite table.table-grid th {margin-top:0; border-right:0;}
#tBoardWrite table.table-grid th label {padding:6px 0 6px 12px; word-break: keep-all; display:block; border-right:1px solid #e2e2e2; font-weight:bold; color:#383838;}
#tBoardWrite table.table-grid .btn,
#tBoardWrite table.table-grid .k-upload .k-upload-selected { border: 1px solid #484848; padding: 2px 16px 3px; }
#tBoardWrite table.table-grid .btn i.fa { margin-right: 0 !important; }
#tBoardWrite table.table-grid .btn span { font-size: 0.93em; font-weight: 300; }
#tBoardWrite table.table-grid .btn.btn-upload,
#tBoardWrite table.table-grid .k-upload .k-upload-selected { background-color: #707070; }
#tBoardWrite table.table-grid .btn.btn-upload i.fa,
#tBoardWrite table.table-grid .btn.btn-upload span,
#tBoardWrite table.table-grid .k-upload .k-upload-selected { color: #ffffff; }
#tBoardWrite table.table-grid .k-upload .k-upload-selected { font-weight: 300; }
#tBoardWrite table.table-grid .k-state-default .k-input {padding-top:0;}
#tBoardWrite table.table-grid .k-button-group .k-tool-icon {margin-top:7px;}
#tBoardWrite table.table-grid .k-overflow-tools {margin-top:3px;}
#tBoardWrite table.table-grid .k-overflow-tools .k-i-more {margin-top:10px;}
#tBoardWrite table.table-grid .k-dropzone {padding:0;}
#tBoardWrite table.table-grid .k-dropzone .k-upload-button {background:#f9f9f9; border:1px solid #cccccc;}
#tBoardWrite table.table-grid .k-dropzone em {color:#666666;}
#tBoardWrite table.table-grid .k-dropzone.k-dropzone-hovered {background-color:#005bac;}
#tBoardWrite table.table-grid .k-dropzone.k-dropzone-hovered em {color:#ffffff;}
#tBoardWrite table.table-grid .k-upload {padding-top:3px;}
#tBoardWrite table.table-grid .k-upload .k-upload-files {margin-top:8px; line-height: 1.8;}
#tBoardWrite table.table-grid .k-upload .k-upload-files .k-i-close,
#tBoardWrite table.table-grid .k-upload .k-upload-files .k-i-refresh {margin-top:5px;}
#tBoardWrite table.table-grid .k-upload .k-upload-selected {border:1px solid #cccccc; margin-left:0;}
#tBoardWrite table.table-grid .k-upload .k-upload-selected,
#tBoardWrite table.table-grid .k-upload .k-upload-selected:hover,
#tBoardWrite table.table-grid .k-upload .k-upload-selected:focus {box-shadow:none; border-radius:0;}
#tBoardWrite table.table-grid span.btn-sub-info { color: #8c6c47; font-size: 14px; font-weight: 300; }

/* 게시판 글쓰기 2 */
#tBoardWrite table.table-2sec th { width: 4%; max-width: 400px; }
#tBoardWrite table.table-2sec th label{ min-width: 100px; }

/* 게시판 이미지 */
#brdContents-read > img { /*width: 100%;*/ max-width: 1150px; margin: 0 auto; }

/* 게시판 버튼 */
.direct-chat .btn {padding:8px 16px; border-radius:0; margin: 0 2px;}
.direct-chat .btn:hover,
.direct-chat .btn:focus {color:#ffffff;}
.direct-chat .btn.bg-gray {background:#575757 !important; border:1px solid #575757; border-radius:0 !important; color:#ffffff !important;}
.direct-chat .btn.bg-gray:hover {background:#333333 !important; border:1px solid #333333 !important;}
.direct-chat .btn.bg-blue {background:#005bac !important; border:1px solid #005bac; border-radius:0 !important;}
.direct-chat .btn.bg-blue:hover {background:#014480 !important; border:1px solid #014480 !important;}
.direct-chat .btn.bg-red {background:#be222f !important; border:1px solid #be222f; border-radius:0 !important;}
.direct-chat .btn.bg-red:hover {background:#99111d !important; border:1px solid #99111d !important;}

/* FAQ 게시판 */
.faq-all p {font-size:1.286em; margin:5px 0 0; font-weight:bold;}
.faq-all p > span { color:#be222f; }
#open_all.all-open-faq {background:#333333 !important;}
#open_all i {vertical-align:top;}
#open_all.all-open-faq i {vertical-align:bottom;}
#faqList {}
#faqList .faq-box {border:0; border-bottom:1px solid #dddddd; border-radius:0; margin-bottom:0; }
#faqList .faq-box-on {border-bottom:1px solid #f5f5f5;}
#faqList .faq-box:first-child {border-top:1px solid #dddddd;}
#faqList .faq-box .faq-title {}
#faqList .faq-box .faq-title h3 {background:url(/resources/images/korean/sub/faq_arrow_icon.png) no-repeat right center; margin-left:-15px; margin-bottom:0; margin-top:0; padding-top:0; font-size:1em;}
#faqList .faq-box .faq-title h3 .faq-q {background:url(/resources/images/korean/sub/faq_q_icon.png) no-repeat 30px center; padding: 20px 40px 18px 80px; display:block; color:#000000;}
#faqList .faq-box-on .faq-title h3 {background-image:url(/resources/images/korean/sub/faq_arrow_on_icon.png);}
#faqList .faq-box-on .faq-title h3 .faq-q {background-image:url(/resources/images/korean/sub/faq_q_on_icon.png); color:#424242; font-weight:bold;}
#faqList .faq-box .faq-title h3 .faq-q:hover,
#faqList .faq-box-on .faq-title h3 .faq-q:focus {color:#305c92 !important;}
#faqList .faq-box .faq-title h3 .faq-q:focus {color:#000000; outline:none; outline-offset:0;}
#faqList .faq-box .faq-answer {}
#faqList .faq-box .faq-answer .faq-body {background:#f5f5f5 url(/resources/images/korean/sub/faq_a_icon.png) no-repeat 30px 17px; padding:20px 20px 20px 80px;}
#faqList .faq-box .faq-answer .faq-body p { margin-bottom:0; margin-top:0; }


/* 갤러리 */
.galleryList {}
.galleryList .news-list {display: inline-block; width:100%;}
.galleryList .news-list ul {}
.galleryList .news-list ul li {float:left; width:25%; padding-right:1%; height:200px; margin-bottom:20px; overflow:hidden; display: inline-block;  }
.galleryList .news-list ul li:nth-of-type(4n) {padding:0;}
.galleryList .news-list ul li img {width:100%;}
.galleryList .news-list ul li .news-date {font-size:0.929em; font-weight:400; color:#989898; padding:20px 0 10px 0; display: inline-block;}
.galleryList .news-list ul li .news-date .news-cate {margin-right:20px; color:#fff; font-size:0.929em; padding:6px 7px;}
.galleryList .news-list ul li .news-date .news-cate.news {background:#949494; }
.galleryList .news-list ul li .news-date .news-cate.event {background:#d86c75; }
.galleryList .news-list ul li .news-date .news-cate.tender {background:#3b5998; }
.galleryList .news-list ul li i {font-style: normal;}
.galleryList .news-list ul li dl {letter-spacing: -1px; display:inline-block;}
.galleryList .news-list ul li dl dt {font-size:1.28em; color:#202020; padding-bottom:8px; font-weight:400; max-height:55px; overflow:hidden; display:inline-block; }
.galleryList .news-list ul li dl dd {font-size:1em; color:#727272; line-height:150%; max-height:95px; overflow:hidden; display:inline-block; }

/*게시판 리스트 스크롤*/
.direct-chat .box-body { overflow-x: none !important;}


/* calendar */
#calendar {display:block;}
#calendar .k-scheduler-layout {border-bottom:1px solid #e7e7e7;}
#calendar .k-scheduler-header th:first-child,
#calendar .k-scheduler-table td:first-child {border-left-width:1px;}
#calendar .k-scheduler-header th:last-child,
#calendar .k-scheduler-table td:last-child {border-right-width:1px;}
#calendar .k-scheduler-navigation .k-i-arrow-w {margin-top:3px;}
#calendar .k-scheduler-navigation .k-i-arrow-e {margin-top:4px;}
/*increase the height of the cells in day, work week and week views*/
#calendar .k-scheduler-table td {height:5.5em;}
/*increase the height of the month view cells*/
#calendar .k-scheduler-monthview .k-scheduler-table td {height:10.5em;}
#calendar .k-scheduler-layout .k-state-selected,
#calendar .k-scheduler .k-today.k-state-selected {background-color:#3668a5;}
#calendar .k-scheduler-layout .k-state-selected .k-nav-day,
#calendar .k-scheduler .k-today.k-state-selected .k-nav-day {color:#ffffff;}
#calendar .k-state-selected, .k-state-selected:link,
#calendar .k-state-selected:visited {color:#444444;}

/* chrome hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#calendar .k-event-template {margin:1px 0 0;}
}

.c-legend {padding-top:15px;}
.c-legend ul li {float:left; margin-right:0.6em;}
.c-legend ul li .k-scheduler-mark {margin-right:0.2em;}
.c-event-box {border:1px solid #e7e7e7; margin-top:15px; overflow: hidden; padding:20px;}
.c-event-box .c-event-ttl {border-bottom:1px dotted #e7e7e7; font-size:1.07em; font-weight:600; margin-bottom:15px; padding-bottom:12px;}
.c-event-box .c-event-info {margin-bottom:0; color:#666666; font-size:1em;}



@media all and (max-width:1200px) {

    .direct-chat {padding:35px 10px 0;}

	/* 게시판 반응형 테이블 */
	.direct-chat table.table-detail {position: static;}
	.direct-chat table.table-detail {display: table;}
	.direct-chat table.table-detail thead,
	.direct-chat table.table-detail tbody {display: table-row-group}
	.direct-chat table.table-detail tr{display: table-row;}
	.direct-chat table.table-detail td,
	.direct-chat table.table-detail th {display: table-cell;}
	/*.direct-chat table.table-detail td img,
	.direct-chat table.table-detail td span img {width:100%}*/

	.direct-chat table.table-detail th,
	.direct-chat table.table-detail td {border-bottom:1px solid #dddddd !important; padding:auto !important; width:auto;}
	.direct-chat table.table-detail td {position: static; height:auto;}

    /* 게시판 글쓰기 2 */
    #searchVO table.table .board-list-title{ width: 400px; }

    /* 글쓰기안의 테이블 */
    #tBoardRead table.table-detail td > table td,
	#tBoardRead table.table-detail td span table td {border-bottom:0px !important;}
	#brdContents-read > img {max-width:100%;}
	
	
	/* FAQ */
	table.ui-list tbody tr {/*margin-left:-15px;margin-bottom:0;margin-top:0;padding-top:0;font-size:1em;*/border-top: 1px solid #dddddd;height:60px;background: url(/resources/images/korean/sub/faq_arrow_icon.png) no-repeat right center;}


}

@media all and (max-width: 950px) {

	.direct-chat .search-layout .d-title { text-align: right;}

	/*갤러리*/
	.galleryList .news-list ul li {width:50%; height:200px;  }
	.galleryList .news-list ul li:nth-of-type(2n) {padding:0;}

}


@media all and (max-width: 767px) {
	/* searchBox */
	.direct-chat .search-layout .d-title {text-align:right;}
	.direct-chat .box {padding:0;}

	.search-layout div { font-size: 0.9em; padding: 8px 2px 0;}
    .search-layout div .btn { padding: 7px 8px;}
    .search-layout div .btn i.fa { margin-right: 0px !important;}
    .direct-chat .search-layout .d-title { text-align: center;}


	/* 게시판 반응형 테이블 */
	.direct-chat table.table-detail {position: relative;}
	.direct-chat table.table-detail,
	.direct-chat table.table-detail thead,
	.direct-chat table.table-detail tbody,
	.direct-chat table.table-detail th,
	.direct-chat table.table-detail td,
	.direct-chat table.table-detail tr {display: block; text-align:left; }
	.direct-chat table.table-detail th,
	.direct-chat table.table-detail td {width:auto;}
	.direct-chat table.table-detail th {padding:7px 5px 7px 13px !important;}
	.direct-chat table.table-detail th span.text-red {position: absolute; left:6px;}
	.direct-chat table.table-detail td {border: none; position: relative; padding:7px 13px 7px 13px !important;  display:inline-block; width:100%; height:auto;}

    /* #searchVO 게시판관련  */
    #searchVO .box {padding:0;}
    #searchVO table.table td:nth-child(2) {border-left:0; }
    #searchVO table.table th:nth-child(2) {border-left:0; }
	#tBoardRead table.table-detail th,
	#tBoardWrite table.table-detail th {background:#f2f2f2 !important; padding:5px 0 !important;}
	#tBoardRead table.table-detail td {background:#ffffff !important;}
	#tBoardRead table.table-detail th label {color:#333333;}
	#tBoardWrite table.table-detail th label {border-right:0; display:inline-block;}
    #searchVO table.table .board-list-title{ width: 350px; }
    /* 게시판 글쓰기 2 */
    #tBoardWrite table.table-2sec th { width: 100% !important;  max-width: 100%; }
    #tBoardWrite table.table-2sec th label{ width: auto; }

    #tBoardRead .b_ttl { line-height: 1.3; font-size: 1.3em;}

    /* 글쓰기안의 테이블 */
    #tBoardRead table td img,
    #tBoardRead table.table-detail td > table,
	#tBoardRead table.table-detail td span table {width:100% !important; height: auto;}
	
	/* FAQ */
	table.ui-list tbody td.num {background: url(/resources/images/korean/sub/faq_q_icon.png) no-repeat 7px center;}



}
@media all and (max-width: 740px) {
    table.ui-list tbody td {padding-left: 5px;padding-right: 5px;}
}
@media all and (max-width: 640px) {

	/*view*/
	div.ui-view { padding:0 10px;}
	div.ui-view h5.ui-title {font-size:22px; margin: 10px 0 20px; line-height: 1.3; font-weight: 400;}
	div#board_page_info p { width: 100%; padding: 6px 5px 7px 13px; }

	#tBoardRead table.table-detail td.b_cont {padding: 10px !important;}
	/*.direct-chat table.table-detail td img {width:100%}*/
	
	#searchVO table.table th,
	#searchVO table.table td,
	#searchVO table.table td a { padding: 5px; font-size:13px;}

}

@media all and (max-width: 568px) {
	.m_w15 {width:15% !important;}
	.m_w20 {width:20% !important;}
	.m_w25 {width:25% !important;}

	.search-layout { background: #f5f5f5; padding: 2px;}

	/* 글읽기 */
	#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_name input { width: 100%; }
	#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_wr { width: 100%; }
	#tBoardRead table.table-detail td.b_rep .b_repw .b_repw_bt { width: 100%; }

	/*갤러리*/
	.galleryList .news-list ul li {width:100%; height:200px; }
	.galleryList .news-list ul li:nth-of-type(1n) {padding:0;}
}
@media all and (max-width: 480px) {
    #search_board i.fa { margin-bottom: 0; }
    #searchVO table.table .board-list-title{ width: 200px;font-size: 0.93em ;}

    .search-layout div { font-size: 0.8em; padding: 8px 2px 0;}
    .search-layout div .btn { padding: 7px 8px;}
    .search-layout div .btn i.fa { margin-right: 0px !important;}
    .direct-chat .search-layout .d-title { text-align: center;}

    #faqList .faq-box .faq-title h3 .faq-q { background: url(/resources/images/korean/sub/faq_q_icon.png) no-repeat 10px center; padding: 20px 30px 18px 50px; font-size: 0.9em; font-weight: 400; }
    #faqList .faq-box .faq-title h3 { background: url(/resources/images/korean/sub/faq_arrow_icon.png) no-repeat right 0px center; margin-left: 0px;}


}