/* 고객센터 공통 */
.toggle_faq{word-break:keep-all;border-top:1px solid var(--color-gray2);}
.toggle_faq > div{position:relative;}
.toggle_faq .q_row{cursor:pointer;}
.toggle_faq .q_row, .toggle_faq .a_row{display:flex;width:100%;padding:20px 10px;word-spacing:-1px;word-break:keep-all;}
.toggle_faq .q_row .toggle_arrow{width:12px; height:8px;margin-top:6px;margin-left:auto;background-image:url(/images/icon/ico_down03.png);}
.toggle_faq .a_row{overflow:hidden;height:1px;max-height:1px;padding:0;transition:max-height 1s;}
.toggle_faq .q_row .ico_faq, .toggle_faq .a_row .ico_faq{margin:3px 15px 0 5px;}
.toggle_faq .ico_faq{margin:2px 10px;}
.toggle_faq input[type=checkbox]:checked ~ .q_row .q_name{font-weight:bold;}
.toggle_faq input[type=checkbox]:checked ~ .q_row .toggle_arrow{background-image:url(/images/icon/ico_up03.png);}
.toggle_faq input[type=checkbox]:checked ~ .a_row{height:auto;max-height:1000px;padding:20px 10px;}
.word_break{word-break:break-word;}
.toggle_faq .answer{border-radius:10px;background-color:var(--color-gray1);}

/* 메인 페이지 */
.center_info{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:20px 10px 10px;word-break:keep-all;border-radius:10px;background:var(--color-gradient1);}
.center_info .w_100{text-align:center;}

/* 자주 묻는 질문 */
.search_wrap{display:flex;align-items:center;width:100%;max-width:780px;height:50px;margin:0 auto;border-bottom:2px solid transparent;border-image:linear-gradient(to right, #624BD9, #8B59E7);border-image-slice:1;}
#search_btn{margin:0 15px; /* cursor:pointer; */}
.search_wrap input{flex:1;max-width:none;padding:0 20px;border:none;outline:none;background-color:transparent;}
#faq_search{border:none;outline:none;background:none;}
#faq_search:-webkit-autofill,
#faq_search:-webkit-autofill:hover,
#faq_search:-webkit-autofill:focus,
#faq_search:-webkit-autofill:active{-webkit-background-clip:text;-webkit-box-shadow:0 0 0 1000px var(--color-gray9) inset;}
#filter_wrap{margin:50px 0 30px 0;padding:20px 0; border:2px solid var(--color-gray8);border-right:none;border-left:none;}
.sidebar{margin:30px 0 20px;padding:20px 0;}
.container > .empty{display:flex;align-items:center;justify-content:center;width:100%;height:400px;padding:0 10px;border-radius:20px;}
.pos_absolute.link_wrap{right:0;color:var(--color-gray3);}
.faq_empty{flex-direction:column;gap:20px;}
#sidebar ul.swiper-wrapper li.swiper-slide:nth-last-child(-n+3) .depth_menu{right:0;left:auto;}

/* 1:1 문의 */
#inquiry_wrap .wrap{display:flex;flex-direction:column;gap:5px;}
#inquiry_wrap .wrap > .selectbox{flex:1;}
#inquiry_wrap .wrap input, #inquiry_wrap .wrap textarea{max-width:none;}
#inquiry_wrap .input_wrap{}
#inquiry_wrap .wrap > textarea{}
#inquiry_wrap .option_wrap{flex-direction:column;}
#inquiry_wrap .tel_wrap{display:flex;}
#inquiry_wrap .tel_wrap span{text-align:center;}
#inquiry_wrap .tel_wrap .error_txt{width:100%;}
#inquiry_wrap .tel_wrap input[type=tel]{padding-left:0;text-align:center;}
/*사진첨부*/
#inquiry_wrap .img_wrap{display:flex;flex-direction:row;margin-bottom:10px;gap:10px;}
#inquiry_wrap .img_add{width:80px;height:80px;}
#inquiry_wrap .img_add img{max-height:78px;}
#inquiry_wrap .img_add a{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;box-sizing:border-box;width:100%;height:100%;border-radius:10px;background-color:var(--color-gray7);}
#inquiry_wrap .img_add a .camera{width:38px;height:30px;background-image:url(/images/icon/ico_plus_pic.png);background-repeat:no-repeat;background-position:center center;}
#inquiry_wrap .img_add .on .del_btn:before{font-size:10px;line-height:18px;position:absolute;right:1px;bottom:1px;width:20px;height:20px;content:"╳";text-align:center;color:var(--color-white);background-color:rgba(0, 0, 0, 0.7);}
/*사진첨부*/
#inquiry_wrap .btn{ /* background-color:#F55; */color:#FFF;}
#layer_img{width:100%;height:100%;}
.inquiry_img{max-width:100%;cursor:pointer;}

/* 200% 신청하기 */
#compe_seq{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:5px;}
#compe_seq .seq{display:flex;align-items:center;flex:4;justify-content:center;padding:20px 10px;text-align:center;word-break:break-word;color:#FFF;border-radius:10px;background:var(--color-gradient1);gap:15px;}
#compe_seq .ico{flex:1;text-align:center;}
#compe_seq .ico img{display:inline-block;}
#search_form{width:100%;margin-bottom:10px;text-align:right;}
#search_form > .input_wrap{ /* display:inline-block; */max-width:260px;height:30px;margin-left:auto;}
#search_form > .input_group{ /* display:inline-block; */max-width:360px;height:30px;margin-left:auto;}
#search_form > .input_group .input_wrap:first-child{width:100px;}
#search_form > .input_group .input_wrap ~ .input_wrap{flex:1;margin-top:0;}
#search_form #search_btn{position:absolute;top:0;right:0;width:30px;height:100%;margin:0;cursor:pointer;text-align:center;background:transparent;}

/* 나의 보상물품 현황 */
#state_check_layer .inner{width:100%; max-width:400px;}
#my_state{display:flex;align-items:center;justify-content:space-between;margin:20px 0;}
#my_state .state{font-size:var(--font-size-xxs);display:flex;align-items:center;flex-direction:column;justify-content:center; width:80px;height:80px;color:#FFF;border-radius:50%;background-color:var(--color-gray3);gap:5px;}
#my_state.a .state:first-child, #my_state.b .state:first-child{background:var(--color-gradient1);}
#my_state.c .state:nth-child(1), #my_state.c .state:nth-child(3){background:var(--color-gradient1);}
#my_state.d .state{background:var(--color-gradient1);}
#my_state.e{justify-content:center;}
#my_state.e li{display:none;}
#my_state li.fail{display:none;background:var(--color-red1);}
#my_state.e li.fail{display:flex;}
#layer_table .thead + .item{justify-content:flex-start;}

#my_state .state img{width:40%;}

.form_table .row{padding:0;}
.form_table .item{/* justify-content:center; */}
#result_info{display:flex;align-items:center;justify-content:center;margin-top:10px;border-radius:10px;background-color:var(--color-purple3);}
#result_info.e{background-color:var(--color-red1);}
#result_info.d{background-color:var(--color-blue1);}

/*공지사항*/
.category_wrap .swiper-wrapper{align-items:center;margin:40px 0;}
.category_wrap li{flex:1;min-width:110px;margin-right:10px;text-align:center;}
.category_wrap li:last-child{margin-right:0;}
.category_wrap li a{display:flex;align-items:center;justify-content:center;height:50px;white-space:nowrap;border-radius:10px;background-color:var(--color-gray7);}
.category_wrap li.on a{font-weight:bold;background:var(--color-gradient1);}
#notice_wrap{border-top:1px solid var(--color-gray6);}
#notice_wrap .noti_head{display:flex;flex-direction:column;padding:10px;}
#notice_wrap .noti_head > div:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#notice_wrap .noti_head .category:before{content:'[ ';}
#notice_wrap .noti_head .category:after{margin-right:3px;content:' ]';}
#notice_wrap .res_date{position:absolute;top:20px;right:20px;}
#notice_wrap .bg_gray7{border-radius:10px;}
#notice_wrap img{max-width:100%;margin-bottom:10px;}

@media (min-width:480px){
    /* 나의 보상물품 현황 */
    #layer_table .item.thead{width:100px;padding-left:20px;}
    #layer_table .thead + .item{max-width:72%;}

    #inquiry_wrap .tel_wrap{align-items:center;flex-direction:row;flex-wrap:wrap;}
    #inquiry_wrap .tel_wrap .selectbox{max-width:130px;}
    #inquiry_wrap .tel_wrap input[type=tel]{max-width:130px;}
    #layer_img{width:auto;max-width:100%;height:auto;}

    #notice_wrap .noti_head{flex-direction:row;}
    #notice_wrap .noti_head > div:first-child{width:80%;}
    #notice_wrap .noti_head > div:last-child{width:20%;text-align:right;}
}

@media (min-width:768px){

    .center_info{padding-top:41px;}
    .center_info .w_100{text-align:right;}
    .toggle_faq .q_row .ico_faq, .toggle_faq .a_row .ico_faq{margin:2px 25px 0 15px;}
    .toggle_faq .faq_category{width:110px;}
    #search_btn{margin:0 25px 0 30px;}
    .faq_empty{flex-direction:row;}

    #inquiry_wrap .option_wrap{flex-direction:row;}
    #inquiry_wrap .option_wrap .input_wrap{flex:1;margin-top:0;}

    /* 문의내역 상세보기 */
    .toggle_faq .faq_date{position:absolute;top:20px;right:20px;}

    /* 200% 신청하기 */
    #compe_seq{margin-bottom:30px;}
    #compe_seq .seq{font-size:var(--font-size-sm);max-width:240px;}

    .category_wrap li{margin-right:20px;}
}