/* faq_wrap */
.faq_wrap { min-height: 100vh; position: relative; padding-bottom: 8rem; display: flex; flex-direction: column;}
.faq_wrap header { flex-shrink: 0;}
.faq_wrap #main {flex: 1; min-height: 0;display: flex; flex-direction: column;}
.faq_wrap #main .inner { display: flex; flex-direction: column; flex: 1; min-height: 0;}
.faq_wrap .con_area { flex:1; min-height: 0;}

.faq_wrap .search_area { background-color: #f4f5f9; border-radius: 50px; padding: 20px 40px;  display: flex; align-items: center; flex-shrink: 0;}
.faq_wrap .search_area input#search { flex: 1; min-width: 0; font-size: 24px; background-color: transparent;}
.faq_wrap .search_area input#search::placeholder {color: #a5a6ad; font-weight: 500;}
.faq_wrap .search_area .reset_btn { width: 30px; aspect-ratio: 1/1; flex-shrink: 0; display: none;}
.faq_wrap .search_area .search_btn { width: 35px; aspect-ratio: 1/1; flex-shrink: 0; margin-left: 20px;}

.faq_wrap .rent_faq_wrap { display: flex; flex-direction: column;}
.faq_wrap .rent_faq_wrap a { display: flex; align-items: stretch; gap: 30px; border-bottom: 1px solid #dbdbdb; padding: 30px 0;}
.faq_wrap .rent_faq_wrap a:last-child { border-bottom: none; }
.faq_wrap .rent_faq_wrap a .img_box { width: 10rem; aspect-ratio: 1/1; flex-shrink: 0;}
.faq_wrap .rent_faq_wrap a .text_box { display: flex; align-items: center; width: 100%;}
.faq_wrap .rent_faq_wrap a .text_box .box_inner { flex: 1; min-width: 0; padding-right: 1rem;}
.faq_wrap .rent_faq_wrap a .text_box p { font-size: 2.4rem; color: #8894a2; margin-bottom: 1.4rem; letter-spacing: -0.1rem;}
.faq_wrap .rent_faq_wrap a .text_box h4 { font-size: 3rem; font-weight: 500; letter-spacing: -0.15rem;}
.faq_wrap .rent_faq_wrap a .text_box img { flex-grow: 0;}

.faq_wrap .is_empty { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.faq_wrap .is_empty h5 { font-size: 33px; font-weight: 600;}
.faq_wrap .is_empty p { font-size: 29px; color: #757575; margin-top: 10px; letter-spacing: 0;}



/* faq_view_wrap */
.faq_view_wrap main {padding: 0 0 80px;}
.faq_view_wrap .faq_detail_item .title_area {background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; height: 300px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px;} 
.faq_view_wrap .faq_detail_item .title_area h2 { font-size: 36px; font-weight: 500; color: #fff; position: relative; text-align: center; letter-spacing: -2px;}
.faq_view_wrap .faq_detail_item .title_area p { font-size: 30px; color: #757575; margin-top: 10px; color: #afafaf; position:  relative; text-align: center;}
.faq_view_wrap .faq_detail_item .con_area .inner { display: flex; flex-direction: column; gap: 80px; padding-top: 40px;}
.faq_view_wrap .faq_detail_item .con_wrap { padding-bottom: 80px; border-bottom: 1px solid #ededed; }
.faq_view_wrap .faq_detail_item .con_wrap .title_box { display: flex; flex-direction: column; gap: 10px;}
.faq_view_wrap .faq_detail_item .con_wrap .title_box p {font-size: 28px; color: #9b9b9b; letter-spacing: -1.4px;}
.faq_view_wrap .faq_detail_item .con_wrap .title_box h3 {font-size: 32px; font-weight: 600;}
.faq_view_wrap .faq_detail_item .con_wrap .list_box { display: grid; grid-template-columns: max-content 1fr; gap: 20px 27px; margin-top: 53px;  align-items: center;}
.faq_view_wrap .faq_detail_item .con_wrap .list_box.empty_h5 { grid-template-columns: repeat(1, 1fr);}
.faq_view_wrap .faq_detail_item .con_wrap .list_item { display: contents;}
.faq_view_wrap .faq_detail_item .con_wrap .list_item h5 { padding: 14px 25px; font-size: 30px; background-color: #f4f5f9; border-radius: 10px; text-align: center;}
.faq_view_wrap .faq_detail_item .con_wrap .list_item p { font-size: 27px; color: #757575; line-height: 1.4;}
.faq_view_wrap .faq_detail_item .con_wrap .list_item p strong{ color: #111; font-weight: 500;}
.faq_view_wrap .faq_detail_item .con_wrap .list_box.empty_h5 p { padding-left: 16px; position: relative;}
.faq_view_wrap .faq_detail_item .con_wrap .list_box.empty_h5 p::before {content:'-'; position: absolute; top: 0; left: 0; font-size: 27px; line-height: 37px; color: #757575;}
.faq_view_wrap .faq_detail_item .con_wrap .check_text { display: flex; align-items: center; margin-top: 44px; font-weight: 500; font-size: 27px; letter-spacing: -0.4px;}
.faq_view_wrap .faq_detail_item .con_wrap .check_text img { margin-right: 10px;}

.faq_view_wrap .faq_detail_item .sec_contents {display: flex; flex-direction: column; gap: 84px;}
.faq_view_wrap .faq_detail_item .sec_wrap .sec_title h3 {font-size: 30px; font-weight: 500; margin-bottom: 24px;}
.faq_view_wrap .faq_detail_item .sec_con .label {display: flex; align-items: self-start; font-size: 38px; font-weight: 600; gap: 10px; margin-bottom: 30px; letter-spacing: -0.4px; line-height: 1.3; word-break: keep-all;}
.faq_view_wrap .faq_detail_item .sec_con .label img {transform: translateY(4px);}



.faq_view_wrap .faq_detail_item .sec_con .text_box p{ font-size: 28px; letter-spacing: -0.4px; line-height: 1.4;}
.faq_view_wrap .faq_detail_item .sec_con .text_box p + p { margin-top: 20px;}
.faq_view_wrap .faq_detail_item .sec_con .text_box p.example { color: #757575;}
.faq_view_wrap .faq_detail_item .sec_con .text_box p strong { background-color: #edeef9; font-weight: 500;}
.faq_view_wrap .faq_detail_item .sec_con .text_box .list_box { display: grid; grid-template-columns: max-content 1fr; gap: 20px 24px; margin-top: 30px;  align-items: center;}
.faq_view_wrap .faq_detail_item .sec_con .text_box .list_item { display: contents; }
.faq_view_wrap .faq_detail_item .sec_con .text_box .list_item h5 { padding: 12px 16px; font-size: 20px; background-color: #f4f5f9; border-radius: 10px; text-align: center;}

.faq_view_wrap .faq_detail_item .sec_con .li_box1 {display: flex; flex-direction: column; gap: 30px;}
.faq_view_wrap .faq_detail_item .sec_con .li_box1 .li_item { padding: 30px 26px; background-color: #f4f5f9; border-radius: var(--border-radius); display: flex; flex-direction: column; gap: 16px;}
.faq_view_wrap .faq_detail_item .sec_con .li_box1 .li_item h5 { font-size: 20px; font-weight: 500;}

.faq_view_wrap .faq_detail_item .sec_con .li_box1 .li_item p { font-size: 28px; color: #757575; line-height: 1.4;}
.faq_view_wrap .faq_detail_item .sec_con .li_box2 { display: flex; flex-direction: column; gap: 40px;}
.faq_view_wrap .faq_detail_item .sec_con .li_box2 .li_item {display: flex; flex-direction: column;}
.faq_view_wrap .faq_detail_item .sec_con .li_box2 .li_item h5 { font-size: 28px; font-weight: 500; line-height: 1.3;}
.faq_view_wrap .faq_detail_item .sec_con .li_box2 .li_item p { font-size: 28px; color: #757575; margin-top: 8px; line-height: 1.36;}
.faq_view_wrap .faq_detail_item .sec_con .li_box2 .li_item p + p { margin-top: 30px;}
.faq_view_wrap .faq_detail_item .sec_con .li_box2 .li_item .li_wrap { display: flex; flex-direction: column; gap: 16px; margin-top: 16px;}
.faq_view_wrap .faq_detail_item .sec_con .li_box2 .li_item .li_wrap p { position: relative; padding-left: 16px; margin-top: 0; letter-spacing: -1px;}
.faq_view_wrap .faq_detail_item .sec_con .li_box2 .li_item .li_wrap p::before {content:'-'; position: absolute;  top: 0; left: 0; font-size: 26px; line-height: 34px; color: #757575;}
.faq_view_wrap .faq_detail_item .sec_con .li_box2 .li_item .li_wrap p strong { color: #111;}
.faq_view_wrap .faq_detail_item .sec_con .li_box2 .li_item .li_wrap span { font-size: 28px; color: #111; margin-top: 8px; line-height: 1.36;}

.faq_view_wrap .faq_detail_item .sec_con .li_box3 .li_title { display: flex; align-items: self-start; padding: 30px 0; border-bottom: 1px solid #e8e8ea; cursor: pointer;}
.faq_view_wrap .faq_detail_item .sec_con .li_box3 .li_title h5 { flex: 1; min-width: 0; padding-right: 10px; font-size: 28px; font-weight: 500; letter-spacing: -0.46; line-height: 1.3;}  
.faq_view_wrap .faq_detail_item .sec_con .li_box3 .li_title img { flex-shrink: 0; transform: translateY(4px);} 
.faq_view_wrap .faq_detail_item .sec_con .li_box3 .li_item.open .li_title img { transform: rotate(180deg) translateY(-4px);} 
.faq_view_wrap .faq_detail_item .sec_con .li_box3 .li_con { padding: 40px 30px; background-color: #f4f5f9; border-radius: 0 0 var(--border-radius) var(--border-radius);  flex-direction: column; gap: 34px; display: none;}
.faq_view_wrap .faq_detail_item .sec_con .li_box3 .li_con h5 { font-size: 28px; font-weight: 600;}
.faq_view_wrap .faq_detail_item .sec_con .li_box3 .li_con p { font-size: 28px; color: #777; letter-spacing: -1px; line-height: 1.3;}
.faq_view_wrap .faq_detail_item .sec_con .li_box3 .li_item.open .li_con {display: flex;}

.faq_view_wrap .faq_detail_item .sec_con .table_box table { border-collapse: collapse; width: 100%;}
.faq_view_wrap .faq_detail_item .sec_con .table_box table thead { background-color: #f4f5f9;}
.faq_view_wrap .faq_detail_item .sec_con .table_box table th,
.faq_view_wrap .faq_detail_item .sec_con .table_box table td { border: 1px solid #ddd; padding: 27px 12px; width: 25%; text-align: center; font-size: 25px; word-break: keep-all; line-height: 1.36;}
.faq_view_wrap .faq_detail_item .sec_con .table_box table td.price_cell { color: #757575;}
.faq_view_wrap .faq_detail_item .sec_con .table_box p { color: #757575; line-height: 1.36; margin-top: 40px; font-size: 27px; letter-spacing: -0.4px;}


.faq_view_wrap .faq_detail_item .sec_con .tab_box .tabs_wrap { display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .tabs_wrap .tab_btn  {border-radius: 100px; min-width: 110px; padding: 16px 24px; background-color: #f4f5f9; font-size: 2.8rem; color: #8894a2; font-weight: 500; letter-spacing: -0.1rem;}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .tabs_wrap .tab_btn.active { background-color: #24274a; color: #fff;}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .panels_wrap { margin-top: 4.3rem; background: #f4f5f9; padding: 40px 30px; border-radius: var(--border-radius);}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .panel { display: none;}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .panel.active { display: block;}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .panel .panel_list { display: grid; grid-template-columns: max-content 1fr; gap: 37px 48px; align-items: center;}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .panel .panel_item { display: contents;}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .panel .panel_item h5 { font-size: 28px; font-weight: 500;}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .panel .panel_item p { font-size: 27px; color: #757575; line-height: 1.4;}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .panel .panel_list.empty_h5 { grid-template-columns: repeat(1, 1fr);}
.faq_view_wrap .faq_detail_item .sec_con .tab_box .panel .panel_list.empty_h5 p strong{ color: #111; font-weight: 500;}


.faq_view_wrap .faq_detail_item .sec_con .bottom_text { margin-top: 40px;}
.faq_view_wrap .faq_detail_item .sec_con .bottom_text p{ color: #757575; font-size: 27px; line-height: 1.4; word-break: keep-all;}
.faq_view_wrap .faq_detail_item .sec_con .bottom_text p + p {margin-top: 16px;}

.faq_view_wrap .faq_detail_item .bottom_con { margin-top: 60px;}
.faq_view_wrap .faq_detail_item .bottom_con .inner {  display: flex; align-items: stretch; gap: 30px;}
.faq_view_wrap .faq_detail_item .bottom_con .faq_go { flex: 1; min-width: 0; display: flex;}
.faq_view_wrap .faq_detail_item .bottom_con .faq_go a { width: 100%; height: 100%; border: 1px solid #ccc; box-shadow: var(--box-shadow); border-radius: var(--border-radius); display: flex; flex-direction: column; overflow: hidden;}
.faq_view_wrap .faq_detail_item .bottom_con .faq_go .faq_header { position: relative; padding: 27px 24px;  width: 100%; border-bottom: 1px solid #ccc; flex-shrink: 0;}
.faq_view_wrap .faq_detail_item .bottom_con .faq_go .faq_header .arrow{ position: absolute; top: 50%; transform: translateY(-50%);}
.faq_view_wrap .faq_detail_item .bottom_con .prev_faq .faq_header .arrow { left: 24px;}
.faq_view_wrap .faq_detail_item .bottom_con .next_faq .faq_header .arrow { right: 24px;}
.faq_view_wrap .faq_detail_item .bottom_con .faq_go .faq_header p {text-align: center; font-size: 28px; font-weight: 500;}
.faq_view_wrap .faq_detail_item .bottom_con .faq_go .faq_title { padding: 14px 28px; flex: 1; min-height: 0; background-color: #f4f5f9;}
.faq_view_wrap .faq_detail_item .bottom_con .faq_go .faq_title p { font-size: 28px; line-height: 1.6; word-break: keep-all;}

.faq_view_wrap .faq_detail_item .bottom_con .faq_go.off .faq_header p { color: #757575;}
.faq_view_wrap .faq_detail_item .bottom_con .faq_go.off .faq_title p { color: #757575 ;}
.faq_view_wrap .faq_detail_item .bottom_con .faq_go.on .faq_header p { color: var(--main-color);}


/* faq7 */
.faq_view_wrap .faq7 .faq_detail_item .con_wrap .list_box {align-items: self-start;}