@charset "utf-8";

/* common*/
.board_num{margin-top:40px; font-size:13px; line-height:1.4; color:var(--gray)}
.board_num span{}
.board_write_list{width:100%; margin:20px 0; border-bottom:1px solid #656565; text-align:center; }
.board_write_list tr{transition:all 0.3s}
.board_write_list tr:hover{background:#f1f1f1}
.board_write_list tr td{padding:20px 10px; border-top:1px solid #eaeaea}
.board_write_list tr td.wirte_num{font-size:13px; color:var(--gray)}
.board_write_list tr td.wirte_num span{display:inline-block; width:24px; height:24px; background:url(../img/sub/board_notice.gif) no-repeat; text-indent:-9999px;}
.board_write_list tr td.wirte_tit{text-align:left; }
.board_write_list tr td.wirte_date{font-size:12px; color:var(--gray) }
.board_write_list .board_write_point{background:#f1f5f7}
.board_write_list tr.board_write_point:hover{background:#e5f0f5}

/* FAQ */
.faq_info_box{padding:40px}
.faq_info_box .guide_tit{margin:0 0 40px; font-size:24px; line-height:1; color:var(--darkblue); text-align:center}
.faq_info_box .guide_info_list{display:flex;}
.faq_info_box .guide_info_list li{width:50%; min-height:40px; padding-left:50px; }
.faq_info_box .guide_info_list li.icon_faq01{background:url(../img/sub/faq_01.png) no-repeat;}
.faq_info_box .guide_info_list li.icon_faq02{background:url(../img/sub/faq_02.png) no-repeat;}
.faq_info_box .guide_info_list li.icon_faq03{background:url(../img/sub/faq_03.png) no-repeat;}
.faq_info_box .guide_info_list li > span{display:block}
.faq_info_box .guide_info_list li .tit{margin:0 0 3px; font-size:16px; line-height:1.2; font-weight:700;}
.faq_info_box .guide_info_list li .con{position:relative; color:var(--gray)}
.faq_info_box .guide_info_list li .faq_cs_wrap .faq_cs_btn{cursor:pointer}
.faq_info_box .guide_info_list li .faq_cs_wrap .faq_cs_arr_up i{transform:rotate(180deg)}
.faq_info_box .guide_info_list li .faq_cs_wrap .faq_cs_con{display:block; position:absolute; top:30px; left:-40px; width:530px; padding:20px; background:var(--lightsky); border-radius:10px; font-size:13px; line-height:1.4; color:var(--darkblue); }
.faq_info_box .guide_info_list li .faq_more i{transition:all 0.3s}
.faq_info_box .guide_info_list li .faq_more:hover i{margin-left:5px;}

.faq_tab li{width:33%}

.faq_sear_wrap{text-align:center}
.faq_sear_wrap select{width:100px; height:30px; border:1px solid #; line-height:28px; }
.faq_sear_wrap .ui-selectmenu-button.ui-button{width:120px; height:30px; background:#fff; border:1px solid #dbdbdb; line-height:28px;}
.faq_sear_wrap .ui-selectmenu-icon.ui-icon{margin-top:7px}
.faq_sear_wrap input{width:200px; height:30px; background:#fff; border:1px solid #dbdbdb; border-radius:5px; line-height:28px;}
.faq_sear_wrap .btn{padding:0 20px; font-size:14px; line-height:28px;}

.list_faq{margin-top:30px; border-bottom:1px solid #eaeaea}
.list_faq dl{border-top:1px solid var(--gray_line); cursor:pointer}
.list_faq dt{padding:20px 15px; }
.list_faq dt .q{display:inline-block; width:28px; height:28px; margin-right:10px; background:var(--sky); border-radius:50%; font-size:16px; line-height:28px; color:#fff; text-align:center}
.list_faq dd{width:96%; margin:0 2%; padding:0 15px 35px; }
.list_faq dd .a{width:28px; height:28px; margin:0 0 5px -15px; font-size:16px; line-height:28px; font-weight:700; color:var(--darkblue); text-align:center}


/* view */
.board_view{}
.board_view .view_header h3{text-align:center}
.board_view .view_header .view_info{display:flex; justify-content:flex-end; padding:0 0 15px; border-bottom:1px solid #eaeaea; font-size:13px; }
.board_view .view_header .view_info i{display:inline-block; margin-right:2px; font-size:1.1em; line-height:20px; color:var(--lightgray); vertical-align:top}
.board_view .view_header .view_info .date{line-height:20px; }
.board_view .view_header .view_info .date i{font-size:0.9em; }
.board_view .view_header .view_info .conunt{margin-left:20px; line-height:20px; }
.board_view .view_content{padding:30px 20px; border-bottom:1px solid #eaeaea; }


.board_link{display:flex; justify-content:space-between;}
.board_link a{display:flex; width:48%; padding:20px 0; line-height:40px;  }
.board_link a.board_next{flex-direction:row-reverse; }
.board_link a i{width:40px; height:40px; border-radius:50%; font-size:30px; line-height:40px; text-align:center; transition:all 0.3s}
.board_link a:hover i{background:var(--lightsky); font-size:20px; transform:translateX(-5px);}
.board_link a.board_next:hover i{transform:translateX(5px);}
.board_link a span{display:block; display:-webkit-box; flex:1; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical}


/* people list */
.people_list{border-bottom:1px solid #656565}
.people_list li{display:flex; align-items:center; padding:20px; border-top:1px solid #eaeaea; transition:all 0.3s}
.people_list li:hover{background:#f1f1f1;}
.people_list li .people_img{width:150px; }
.people_list li .people_img img{width:100%;}
.people_list li .people_info{flex:1; margin-left:30px; }
.people_list li .people_info a{display:block; }
.people_list li .people_info .people_tit{font-size:16px; line-height:1.2; font-weight:700; }
.people_list li .people_info .people_con{display:block; display:-webkit-box; height:40px; margin:20px 0 0; font-size:14px; line-height:1.4; color:var(--gray); overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.people_list li .people_info .people_date{display:block; display:-webkit-box; height:40px; margin:20px 0 0; font-size:14px; line-height:1.4; color:#b6bbbd; overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.sub_container.sub_bot_container{margin-top:-50px; padding-top:0;}

.people_review_list{display:flex; justify-content:space-between }
.people_review_list .review_box{width:25%; padding:0 10px; }
.people_review_list .review_box .review_inner{display:flex; padding:15px; border:1px solid #eaeaea; border-radius:20px 0 20px 0; }
.people_review_list .review_box .review_img{display:block; width:80px;}
.people_review_list .review_box .review_info{flex:1; margin-left:20px; }
.people_review_list .review_box .review_info .review_star{height:10px; }
.people_review_list .review_box .review_info .review_star img{ }
.people_review_list .review_box .review_info .review_con{display:block; display:-webkit-box; height:34px; margin:10px 0 5px; font-size:14px; line-height:17px; overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.people_review_list .review_box .review_info .review_by{font-size:12px; line-height:1; color:var(--gray)}
.curation_sub_menu {color: #919191;}


/* people view */
.view_content .tag{color: #2DB1E3; font-weight: bold; text-decoration: underline;}