@charset "utf-8";
/*************************************
 *
 * @Author KyunWuPark (goffh91@gmail.com)
 *
 *************************************/

/* ----- Check boxes ----- */

#chk_bx_all { margin:0px; min-height:40px;line-height:40px; padding:5px; padding-left:0px; }
#chk_bx_all input[type=checkbox] { margin:0; display:none; }
#chk_bx_all label[for=chkall].focus { background:url(../img/check3.png) no-repeat 0px -40px; }
#chk_bx_all label[for=chkall] {
	border:0px solid red; height:40px; line-height:40px; padding-left:45px; padding-right:3px;
	background:url(../img/check3.png) no-repeat 0px 0px; margin:0px; font-size:1.2em; z-index:2;
}

.td_chk input[type=checkbox] { display:none; }
.td_chk label.focus { background:url(../img/check3.png) no-repeat 0px -40px; }
.td_chk label { width:40px; height:40px; line-height:40px; background:url(../img/check3.png) no-repeat 0px 0px; }


/* ----- Buttons ----- */

.btn {
	display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center;
	white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none;
	-moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent;
	border-radius: 4px; cursor: pointer;
}

.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; }

.btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; }
.btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; }

.btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; }
.btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; }

.adm_main_btn > li > button .fa.fa-caret-up { display: none; }
.adm_main_btn > li > ul.adm_sub_btn { width: 95px; display: none; position: absolute; border: 1px solid #bebebe; border-radius: 3px; outline: none; }
.adm_main_btn > li > button .fa.fa-caret-up,
.adm_main_btn > li > button .fa.fa-caret-down { outline: none; border: 0; } 
.adm_main_btn > li > ul.adm_sub_btn > li { height: 35px; text-align: center; padding: 6px 4px; border-top: 0.5px solid #bebebe; background-color: #fff; color: #333; }
.adm_main_btn > li > ul.adm_sub_btn > li:nth-child(1) { border-top: 0; }
.adm_main_btn > li > ul.adm_sub_btn > li:hover { background-color: #f5f5f5; }
.adm_main_btn > li > ul.adm_sub_btn > li > input { background: none; color: inherit; border: none; }


/* ----- Line-Clamp ----- */

.line-clamp {
	white-space: pre-wrap; word-break: break-all; text-overflow: ellipsis; display: block; display: -webkit-box; overflow: hidden; line-height: 1.5;
	-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical;
	position: relative; overflow: hidden;
}
.line-clamp:after {
    width: 25%; content: '...'; display: block; text-align : right;
    position: absolute; height: calc(1em * 1.5); bottom: 0; right: 0;
}
@supports (-webkit-line-clamp: 1) {
	.line-clamp:after { display : none !important; }
}
.line-clamp-1 { height: calc(1em * 1.5 * 1); -webkit-line-clamp: 1; -moz-line-clamp: 1; -ms-line-clamp: 1; -o-line-clamp: 1; line-clamp: 1; }
.line-clamp-2 { height: calc(1em * 1.5 * 2); -webkit-line-clamp: 2; -moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; }
.line-clamp-3 { height: calc(1em * 1.5 * 3); -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; -o-line-clamp: 3; line-clamp: 3; }
.line-clamp-4 { height: calc(1em * 1.5 * 4); -webkit-line-clamp: 4; -moz-line-clamp: 4; -ms-line-clamp: 4; -o-line-clamp: 4; line-clamp: 4; }
.line-clamp-5 { height: calc(1em * 1.5 * 5); -webkit-line-clamp: 5; -moz-line-clamp: 5; -ms-line-clamp: 5; -o-line-clamp: 5; line-clamp: 5; }
.line-clamp-6 { height: calc(1em * 1.5 * 6); -webkit-line-clamp: 6; -moz-line-clamp: 6; -ms-line-clamp: 6; -o-line-clamp: 6; line-clamp: 6; }


/* ----- Search bar ----- */

#faq_search { margin: 0px 0px 15px; position: relative; }
#faq_search div { padding: 0px 2px; }
.textbox { position: relative; }
.textbox label { position: absolute; top: 1px; left: 1px; padding: .8em .5em; color: #999; cursor: text; }
.textbox input[type="search"] {
	width: 100%; height: auto; line-height : normal; padding: .8em .5em; font-family: inherit; border: 1px solid #999;
	border-radius: 0; outline-style: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}


/* ----- Categories ----- */

#faq_table_head { width: 100%; height: 50px; border-top: 2px solid #333; border-bottom: 2px solid #333; }
#bo_category { position: relative; height: 32px; margin: 0; z-index: 0; }
#bo_category_wrap { position: relative; overflow: hidden; margin: 0px auto; }

/*#faq_table_head .dropdown.open, #faq_table_head .dropdown.open .dropdown-menu,
#faq_table_head .dropdown.open, #faq_table_head .dropdown.open .dropdown-menu > * { position:static; z-index:3; }*/

#bo_category_mo ul.dropdown-menu > li > a,
#bo_category_mo #cate_mo_anchor { text-align:left; padding-left:20px; font-size: 14px; color: #333; }
#bo_category_mo .dropdown-toggle:hover, #bo_cate .dropdown-toggle:active, 
#bo_cate .dropdown-toggle:focus, #bo_cate .dropdown-toggle:visited { text-decoration:none; }
#bo_category_mo .dropdown-menu { width:100%; }
#bo_category_mo .dropdown-menu li a { border-bottom:1px solid #eee; padding:5px; }
#bo_category_mo .dropdown-menu li:last-child a { border-bottom:0px; }
#bo_category_mo .dropdown-toggle { border:1px solid #ccc; display:block; padding:5px; }
#bo_category_mo .dropdown-toggle .cate_mo_caret { position:absolute;right:10px; top:10px; }
#bo_category_mo .dropdown-toggle h2 { margin:0px;font-size:18px; }

ul#bo_category_ul > li:nth-child(1) { margin-left: 5px; }
ul#bo_category_ul > li:nth-last-child(1) { margin-right: 5px; }
ul#bo_category_ul > li { float: left; position: relative; padding: 5px 10px; margin:0; word-wrap: break-word; white-space: initial; }
ul#bo_category_ul > li > a { color: #878787; font-weight: 550; font-size: 1.25em; }
ul#bo_category_ul #bo_cate_on { color: #272d75; font-weight: 750; }


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

.faq_container { margin-bottom: 20px; }
.control-wrap { display:inline-block; width:100%; margin-bottom:5px; }
#faq_title { width: 100%; margin: 20px 20px 20px; color: #333; }
#btn_head { margin-top: 10px; }
#btn_head ul > li { float: left; margin-left: 3px; }
#faq_table { border-bottom: 1px solid #bebebe; }

/* ----- Contents ----- */

#faq_table .faq_article .faq_subject { width: 100%; overflow: hidden; color: #1d2124; }
#faq_table .faq_article .faq_subject div {
	overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis;
	width: auto; height:50px; padding-top: 15px; font-size: 1.2em; font-weight: 450;
}
#faq_table .faq_article .faq_subject { cursor: pointer; }
#faq_table .faq_article .faq_subject.on div { color: gray; }
#faq_table .faq_article td:nth-child(1) { padding-top: 20px; }
#faq_table .faq_article td:nth-last-child(1) { padding-top: 20px; cursor: pointer; }

#faq_table .faq_content { display:none; overflow:hidden; height:0px; }
#faq_table .faq_content.on div { display: grid; }

@media (max-width:999px) { #faq_table .faq_content.on div { display: table-cell; } }
#faq_table .faq_content.on div > .inner_subject { margin: 15px 0px 25px; font-weight: 550; color: #181850; }
#faq_table .faq_content.on div > .inner_btns { position: absolute; top: -20px; right: 0; list-style-type: none; }
#faq_table .faq_content.on div > .inner_btns > li { float: left; margin: 5px; }
#faq_table .faq_content.on div > .inner_btns > li > a { color: #777777; }
#faq_table .faq_content.on * { background-color: inherit !important; }
#faq_table .faq_content.on > td { padding: 20px 0 35px; }

/* ----- Admin button ----- */

.adm_main_btn { display: inline-block; }
.adm_main_btn > ul > li > * { color:#333; }
.adm_main_btn > ul > li:hover { background-color: #bebebe; }
.adm_main_btn > ul > li > *:hover { text-decoration:none; }
.adm_main_btn .fa.fa-caret-up { display: none; }