@charset "utf-8";			

#faqBody{}

@media only screen and (max-width:1000px) and (min-width:600px) {
	.mobile_width #mainBody .page_body{width:calc(100% - 32px);}
}
@media only screen and (max-width:599px) {
	#mainBody{padding-bottom:0px;}	
}

/********
 메인 배너
*/
#faqBody .header_banner_wrap{width:100%;height:352px;margin-top:-76px;position:relative;}
.mobile_width #faqBody .header_banner_wrap{margin-top:-44px;}

#faqBody .header_banner_wrap .temp_mobile_header_wrap{position:absolute;top:0;left:0;width:100%;height:44px;z-index:10;padding:8px 20px;}
#faqBody .header_banner_wrap .temp_mobile_header_left{display:inline-block;}
#faqBody .header_banner_wrap .temp_mobile_header_left .logo_image{height:24px;margin-top:10px;vertical-align:top;}
#faqBody .header_banner_wrap .temp_mobile_header_right{display:inline-block;float:right;}
#faqBody .header_banner_wrap .temp_mobile_header_right .header_icon_wrap{display:inline-block;height:26px;vertical-align:top;margin-top:9px;margin-left:16px;position:relative;}
#faqBody .header_banner_wrap .temp_mobile_header_right .header_icon_wrap:first-child{margin-left:0;}
#faqBody .header_banner_wrap .temp_mobile_header_right .header_icon{height:26px;vertical-align:top;}
#faqBody .header_banner_wrap .temp_mobile_header_right .header_noti_cnt{display:none;position:absolute;top:-3px;left:50%;height:18px;min-width:18px;line-height:15px;border-radius:9px;border:solid 1px;padding:0px 5px;text-align:center;border-color:#FFF;background:#EC5245;}

#faqBody .header_banner_wrap .search_banner{width:100%;height:352px;overflow:hidden;background:#304b71;}
#faqBody .header_banner_wrap .search_banner .search_box{width:100%;max-width:960px;height:352px;margin:auto;padding-top:137px;position:relative;}
#faqBody .header_banner_wrap .search_banner .search_title{width:100%;padding-left:16px;line-height:38px;}
#faqBody .header_banner_wrap .search_banner .faq_search_wrap{margin-top:20px;width:544px;height:50px;background:#FFF;border-radius:25px;padding:13px 20px;position:relative;}
#faqBody .header_banner_wrap .search_banner .faq_search_wrap .search_icon{height:24px;}
#faqBody .header_banner_wrap .search_banner .faq_search_wrap .search_input{font-size:15px;letter-spacing:-0.36px;width:calc(100% - 36px);height:24px;line-height:24px;padding:0 12px 0 2px;border:none;vertical-align:top;appearance:none;}
#faqBody .header_banner_wrap .search_banner .faq_search_wrap .search_input::placeholder{color:#b2bdce;}
#faqBody .header_banner_wrap .search_banner .faq_search_wrap .input_cancel{right:12px;top:7px;}
#faqBody .header_banner_wrap .search_banner .search_background{height:160px;position:absolute;right:104px;bottom:47px;}

@media only screen and (max-width:599px) {
	#faqBody .header_banner_wrap{height:260px;}
	
	#faqBody .header_banner_wrap .search_banner{height:260px;}
	#faqBody .header_banner_wrap .search_banner .search_box{max-width:100%;height:260px;padding-top:62px;position:relative;}
	#faqBody .header_banner_wrap .search_banner .search_title{padding-left:40px;position:relative;z-index:1}
	#faqBody .header_banner_wrap .search_banner .faq_search_wrap{margin:auto;margin-top:40px;width:calc(100% - 56px);height:44px;border-radius:22px;padding:10px 12px;}
	#faqBody .header_banner_wrap .search_banner .faq_search_wrap .search_input{font-size:14px;letter-spacing:-0.34px;}
	#faqBody .header_banner_wrap .search_banner .faq_search_wrap .input_cancel{right:5px;top:5px;}
	#faqBody .header_banner_wrap .search_banner .search_background{height:98px;z-index:0;right:40px;bottom:120px;}
	
}

/********
 short cut
*/
#faqBody .category_short_cut_wrap{width:100%;height:120px;border-radius:13px;overflow:hidden;margin-top:-47px;position:relative;background:#FFF;box-shadow:0 5px 10px 2px rgba(3, 24, 39, 0.08);}
#faqBody .category_short_cut_wrap .short_cut_item{display:inline-block;width:160px;height:120px;border-right:solid 1px #ebeff8;cursor:pointer;vertical-align:top;}
#faqBody .category_short_cut_wrap .short_cut_item:last-child{border-right:none;}
#faqBody .category_short_cut_wrap .short_cut_image{width:40px;height:40px;text-align:center;margin:25px auto 0 auto;position:relative;}
#faqBody .category_short_cut_wrap .short_cut_image img{height:32px;vertical-align:top;margin-top:4px;}
#faqBody .category_short_cut_wrap .short_cut_title{text-align:center;line-height:20px;margin-top:10px;}
#faqBody .category_short_cut_wrap .short_cut_item.selected{background:#3f9dff;}
#faqBody .category_short_cut_wrap .short_cut_item.selected .short_cut_title{color:#FFF;}
@media only screen and (max-width:1000px) and (min-width:600px) {
	.mobile_width #faqBody .category_short_cut_wrap .short_cut_item{width:16.5%;}
}
@media only screen and (max-width:599px) {
	#faqBody .category_short_cut_wrap{width:calc(100% - 32px);height:172px;margin:-56px auto 0 auto;}
	#faqBody .category_short_cut_wrap .short_cut_item{width:33.33%;height:86px;border-bottom:solid 1px #ebeff8;}
	#faqBody .category_short_cut_wrap .short_cut_item:nth-child(3n){border-right:none;}
	#faqBody .category_short_cut_wrap .short_cut_item:nth-child(n+4){border-bottom:none;}
	#faqBody .category_short_cut_wrap .short_cut_image{width:100%;height:24px;margin:20px auto 0 auto;}
	#faqBody .category_short_cut_wrap .short_cut_image img{height:24px;vertical-align:top;margin-top:0px;}	
	#faqBody .category_short_cut_wrap .short_cut_title{line-height:19px;margin-top:3px;font-size:13px;}
}
@media only screen and (max-width:349px) {	
	#faqBody .category_short_cut_wrap{width:100%;border-radius:20px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;}
	#faqBody .category_short_cut_wrap .short_cut_item:nth-child(n+4){border-bottom:solid 1px #ebeff8;}
}

#faqBody .faq_section{margin-top:60px;}
#faqBody .faq_section .category_title{line-height:33px;}
#faqBody .faq_section .category_cnt{margin-top:16px;line-height:22px;}
#faqBody .faq_section .sub_category_list{margin-top:24px;}
#faqBody .faq_section .sub_category_list .sub_category_item{height:33px;line-height:31px;padding:0 8px;border-radius:4px;margin-right:8px;background:#ebeff8;user-select:none;cursor:pointer;}
#faqBody .faq_section .sub_category_list .sub_category_item:last-child{margin-right:0;}
#faqBody .faq_section .sub_category_list .sub_category_item.selected{color:#FFF;background:#3f9dff;}
#faqBody .faq_section .faq_item_list{margin-top:16px;}
#faqBody .faq_section .faq_item{padding:20px 28px 24px 28px;border-bottom:solid 1px #ebeff8;cursor:pointer;}
#faqBody .faq_section .faq_item:last-child{border-bottom:none;}
#faqBody .faq_section .faq_item .faq_title{line-height:24px;}
#faqBody .faq_section .faq_item .faq_title .faq_question{width:calc(100% - 28px);}
#faqBody .faq_section .faq_item .faq_title .faq_item_arrow{float:right;height:28px;margin-top:-2px;}
#faqBody .faq_section .faq_item .faq_answer{display:none;margin-top:20px;line-height:26px;}
#faqBody .faq_section .faq_item .faq_answer .faq_link{display:inline;color:#3f9dff;text-decoration:underline;}
#faqBody .faq_section .faq_item.selected{background:rgba(235, 239, 248, 0.5);}
#faqBody .faq_section .faq_item.selected .faq_answer{display:block;}
#faqBody .faq_section .faq_item.selected .faq_title .faq_item_arrow{transform:rotate(180deg);}

#faqBody .faq_loading{min-height:calc(100vh - 300px);height:256px;}

@media only screen and (max-width:599px) {
	#faqBody .faq_section{margin-top:40px;padding:0 16px;}
	#faqBody .faq_section .category_cnt{margin-top:12px;line-height:20px;font-size:14px;}
	#faqBody .faq_section .sub_category_list{margin-top:14px;}
	#faqBody .faq_section .sub_category_list .sub_category_item{height:28px;line-height:26px;margin-right:6px;margin-top:6px;font-size:14px;}
	#faqBody .faq_section .faq_item_list{margin-top:8px;}
	#faqBody .faq_section .faq_item{padding:16px;}	
	#faqBody .faq_section .faq_item .faq_title{line-height:22px;font-size:14px;}
	#faqBody .faq_section .faq_item .faq_title .faq_question{width:calc(100% - 24px);}
	#faqBody .faq_section .faq_item .faq_title .faq_item_arrow{height:24px;margin-top:-1px;}
	#faqBody .faq_section .faq_item .faq_answer{margin-top:16px;line-height:22px;font-size:14px;}
	#faqBody .faq_section .faq_item.selected{background:#ebeff8;}
}

#faqBody .faq_footer{width:100%;height:100px;background:#ebeff8;margin-top:90px;position:relative;cursor:pointer;}
#faqBody .faq_footer .footer_text1{line-height:27px;position:absolute;top:24px;left:calc(50% - 260px);}
#faqBody .faq_footer .footer_text2{line-height:20px;position:absolute;top:55px;left:calc(50% - 260px);}
#faqBody .faq_footer .footer_background{height:110px;position:absolute;bottom:0;left:calc(50% + 66px);}
@media only screen and (max-width:599px) {
	#faqBody .faq_footer{margin-top:50px;}
	#faqBody .faq_footer .footer_text1{line-height:22px;top:26px;left:24px;font-size:15px;z-index:1;}
	#faqBody .faq_footer .footer_text2{line-height:19px;top:54px;left:24px;font-size:13px;z-index:1;}
	#faqBody .faq_footer .footer_background{bottom:0;left:auto;right:16px;z-index:0;}
}