/* tab */
.tab-content {display:none !important;}
.tab-content.current {display: inherit !important;}

/* 탭 */
.board-tab {display: flex; justify-content: space-between; margin-bottom: 40px !important;}
.board-tab li {flex: 1;border: 1px solid #e9e9e9; /*margin: -1px 0 0 -1px;*/ display: table;}
.board-tab li:not(:last-child) {border-right: 0;}
.board-tab li a {padding: 15px 5px;width: 100%;text-align: center;background: #fcfcfc;position: relative;/* border: 1px solid #fcfcfc; */height: 100%;display: table-cell;vertical-align: middle;}
.board-tab li a:before {content: ''; right: 15px; top: 60%; background: url(../images/sub/chevron-right-bold-green.svg) center; background-size: contain; width: 18px; height: 18px; position: absolute; transform: rotate(90deg); opacity: 0;}

.board-tab li.on {/*margin-right: 1px; margin-bottom: 1px;*/ border: 1px solid #018365 !important;}
.board-tab li.on > a {background: #fff; color: #018365; font-weight: bold; box-shadow: 0 7px 15px rgb(27 159 144 / 9%);}
.board-tab li.on a:before {opacity: 1;}
.board-tab li a::before {margin-top:-15px}
.board-tab li a::after {font-weight: bold;}
.board-tab li a:hover {color: #018365;}
.board-tab li a:hover:before {opacity: 1;}


.en .board-tab li a:before {right: 8px; top: 63%; width: 15px; height: 15px;}


@media (max-width:768px){
	.board-tab {flex-direction: column;}
	.board-tab li {border-right: 1px solid #e9e9e9 !important;}
	.board-tab li:not(:last-child) {border-bottom: 0;}
	.board-tab li a {padding: 5px 3px;}
	.board-tab li a::before {margin-top: -11px;}
}

/* ------------------------------------------------------------------------------- faq ------------------------------------------------------------------------------- */
.board_faq .toggle a{width:100%;}
.board_faq .toggle li span {font-size: 20px;}
.board_faq .toggle li .ask {padding:15px 30px 15px 80px; line-height: 1;cursor: pointer;}
.board_faq .toggle li .ask .q_category {font-weight:700; margin-top: 10px; color:#333; margin-right: 10px;}
.board_faq .toggle li .ask .q_title {overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-bOX; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; max-width: 1200px; padding-right: 55px; line-height: 1.3;}
.board_faq .toggle li .ask .xbox {display: none;}
.board_faq .toggle li .ask .q_icon {font-size: 22px; position: absolute; right: 15px; top: 16px; }
.board_faq .toggle li .ask::before {content:'Q'; left: 23px; top: 9px;}
.board_faq .toggle li .answer {padding: 15px 30px 25px 80px;  position: relative;background: #f9f9f9; display: none; font-size:17px; }
.board_faq .toggle li .answer::before {content:'A'; background-color:#666; color:#fff; left: 23px; top: 10px;}
.board_faq .toggle li .answer table{border: 1px solid #ccc; margin: 10px 0; ;}
.board_faq .toggle li .answer table td{border-right: 1px solid #ccc; padding: 8px; border-bottom: 1px solid #ccc;}
.board_faq .toggle li .answer a {display: inline-block; word-break: break-all;}

.board_faq .toggle li ul {padding:0; }
.board_faq .toggle li.on ul {background: #f9f9f9;}
.board_faq .toggle li .ask::before, .toggle li .answer::before {display: inline-block; position: absolute; text-align: center; font-weight: bold; font-size: 18px; line-height: 31px; border-radius: 50%; border: 1px solid #ddd; width: 35px; height: 35px;}


.question .question_form {}
.question .question_form table input, .question .question_form table select{border-radius: .25rem !important; ;}
.question .question_form table textarea {padding: 0.5rem 0.7rem !important}
.question .question_form table tbody td .e-mail{}
.question .question_form table tbody td .e-mail span{padding: 0 10px; padding-top: 8px;}


/* faq */
.toggle {border-top: 2px solid #00134e !important; border: 1px solid #eaeaea;}

/* .toggle li {cursor: pointer;} */
.toggle li a ul {padding:0;}
.toggle li a li.title {padding:20px; position:relative; border-top: 1px solid #ddd;}
.toggle li a li.cont{display:none; font-size: 17px; padding: 10px 30px 30px 50px; position:relative; line-height: 1.2;}
.toggle li.on .plus{display: none;}

@media (max-width:550px){
	/* QNA */
	.board_faq .toggle li a .ask, .board_faq .toggle li a .answer {padding: 13px 15px 13px 55px;}
	.board_faq .toggle li a .ask::before, .toggle li a .answer::before {font-size: 13px; line-height: 28px; width: 30px; height: 30px;}
	.board_faq .toggle li a .ask::before, .board_faq .toggle li a .answer::before {left: 12px; top: 9px;}
	.board_faq .toggle li a span, .board_faq .toggle li a .answer{font-size: 16px;;}


}