@charset "utf-8";

/* 여분필드 검색 버튼 */
.search_wr_extra {display: flex; flex-wrap: wrap; gap:0 10px;}
.search_wr_extra > div {display: flex; flex-wrap: wrap; gap:10px; padding: 10px 0;}
.search_wr_extra button {display: inline-block; padding: 5px; border: none; border-radius: 5px; background: #e3eaff; color: #9F9F9F; font-weight: 500; transition: all 0.3s; background-repeat: no-repeat; background-position: center 10px;}
.search_wr_extra button:hover,
.search_wr_extra button:focus {color: var(--elem-color); transform: translateY(-5px);}
.search_wr_extra button.active {color: var(--elem-color); background-color: #fff !important; box-shadow: 0px 0px 10px #e3eaff}
.search_wr_extra .search_wr_1 {order: 1;}
.search_wr_extra .search_wr_8 {order: 2;}
.search_wr_extra .search_wr_2 {order: 3; width: 100%;}
.search_wr_extra .search_wr_1 button,
.search_wr_extra .search_wr_2 button,
.search_wr_extra .search_wr_8 button {padding: 0.5rem; border-radius: 10px; width: 90px; font-size: 1rem;}
.search_wr_extra .search_wr_2 button {background: #f1e5f9;}
.type_middle .search_wr_extra .search_wr_2 button {background: #f1e5f9;}
.search_wr_extra .search_wr_8 button i {margin-right:5px; color: var(--elem-color);}
.type_middle .search_wr_extra .search_wr_8 button i {color: var(--middle-color);}
.search_wr_extra .search_wr_2 button {width: 90px; letter-spacing: -0.1em; white-space: nowrap;}
.f110 .search_wr_extra .search_wr_2 button {font-size: 1rem;}
/*
.search_wr_extra button[data-value="국어"] {background-image: url('../list/ucc/images/class/subject_kor.png');}
.search_wr_extra button[data-value="수학"] {background-image: url('../list/ucc/images/class/subject_math.png');}
.search_wr_extra button[data-value="사회"] {background-image: url('../list/ucc/images/class/subject_society.png');}
.search_wr_extra button[data-value="과학"] {background-image: url('../list/ucc/images/class/subject_science.png');}
.search_wr_extra button[data-value="영어"] {background-image: url('../list/ucc/images/class/subject_eng.png');}
.search_wr_extra button[data-value="도덕"] {background-image: url('../list/ucc/images/class/subject_moral.png');}
.search_wr_extra button[data-value="음악"] {background-image: url('../list/ucc/images/class/subject_music.png');}
.search_wr_extra button[data-value="미술"] {background-image: url('../list/ucc/images/class/subject_art.png');}
.search_wr_extra button[data-value="체육"] {background-image: url('../list/ucc/images/class/subject_pe.png');}
.search_wr_extra button[data-value="실과"],
.search_wr_extra button[data-value="기술가정"] {background-image: url('../list/ucc/images/class/subject_pc.png');}
.search_wr_extra button[data-value="바른생활"] {background-image: url('../list/ucc/images/class/subject_right.png');}
.search_wr_extra button[data-value="슬기로운생활"] {background-image: url('../list/ucc/images/class/subject_wise.png');}
.search_wr_extra button[data-value="즐거운생활"] {background-image: url('../list/ucc/images/class/subject_happy.png');}
.search_wr_extra button[data-value="한글"] {background-image: url('../list/ucc/images/class/subject_hangeul.png');}
.search_wr_extra button[data-value="역사"] {background-image: url('../list/ucc/images/class/subject_history.png');}
.search_wr_extra button[data-value="정보"] {background-image: url('../list/ucc/images/class/subject_info.png');}
.search_wr_extra button[data-value="진로"] {background-image: url('../list/ucc/images/class/subject_curse.png');}
.search_wr_extra button[data-value="창체"] {background-image: url('../list/ucc/images/class/subject_club.png');}
.search_wr_extra button[data-value="예술"] {background-image: url('../list/ucc/images/class/subject_art2.png');}
.search_wr_extra button[data-value="제2외국어"] {background-image: url('../list/ucc/images/class/subject_foreign.png');}
.search_wr_extra button[data-value="한문"] {background-image: url('../list/ucc/images/class/subject_chinese.png');}
.search_wr_extra button[data-value="주제"] {background-image: url('../list/ucc/images/class/subject_sub.png');}
*/
.search_wr_extra {position: relative;}
.search_wr_extra .extra_search_btn {display: none; position: absolute; top: 0; left: 700px;}
.search_wr_extra .extra_search_btn .sch_button {padding: 9px 20px; border-radius: 10px; color: #fff; background: var(--elem-color);}
.search_wr_extra .extra_search_btn .sch_button:hover,
.search_wr_extra .extra_search_btn .sch_button:focus {color: #fff !important;}
.type_middle .search_wr_extra .extra_search_btn .sch_button {background: var(--middle-color);}
.search_wr_extra .extra_search_btn.extra_sch_data_y{display:block;}

/* 검색어 검색폼 */
.search_form_wrap {display: flex; justify-content: space-between; gap:10px; margin: 20px 0;}
.search_form_wrap .bbs_search {position: relative; margin: 0; width: 100%; max-width:850px}
.search_form_wrap .bbs_order {display: flex !important; align-items: center; justify-content: space-between; width: 250px;}
.search_form_wrap .bbs_order a {display: flex; gap:5px; align-items: center; justify-content: center; border-radius: 10px; width: 31.33%; height: 100%; min-height: 40px; color: #333; background: #fff;}
.search_form_wrap .bbs_order a:hover,
.search_form_wrap .bbs_order a:focus {color: var(--elem-color);}
.search_form_wrap .bbs_order a.active {background: #e3eaff; color: var(--elem-color);}

.search_form_wrap .bbs_search .sch_wrap {width: 45%}
.search_form_wrap .bbs_search fieldset {gap: 10px 5px;}
.search_form_wrap .bbs_search .sch_button {min-width: 35px;}

@media (max-width:1300px) {
    .search_wr_extra .extra_search_btn {top: -50px; left: 50%; transform: translateX(-50%); width: 100%;}
    .search_wr_extra .extra_search_btn .sch_button {padding: 5px 20px; width: 100%; background: #3F51B5;}
}

@media (max-width:1200px) {
    .search_form_wrap {flex-wrap: wrap;}
}

@media (max-width:768px) {
    .search_wr_extra > div {width: 100%;}
    .search_wr_extra .search_wr_1 button,
    .search_wr_extra .search_wr_2 button,
    .search_wr_extra .search_wr_8 button {flex: 0 0 calc(20% - 10px);}
    .search_wr_extra .extra_search_btn {position: fixed; top: 70px; left: 0; transform: none; padding: 10px; background: #fff; z-index: 1;}
    .search_wr_extra .extra_search_btn .sch_button:hover,
    .search_wr_extra .extra_search_btn .sch_button:focus {transform: none;}
    .search_form_wrap .bbs_search {width: 100%;}
    .search_form_wrap .bbs_search input {max-width: none; width: 100%;}
    .search_form_wrap .bbs_search a.sch_button {left: calc(100% + 10px);}
    .bbs_search fieldset {flex-wrap: wrap; justify-content: start;}
    .search_form_wrap .bbs_search .sch_wrap {order: 2; width: calc(100% - 55px);}
    .search_form_wrap .bbs_search:has(.sch_lst) .sch_wrap {width: calc(100% - 110px);}
    .search_form_wrap .bbs_search .sch_button {order: 2;}
    .search_ucc_class .bbs_search a.sch_button {position: static;}
}

@media (max-width:576px) {
    .search_wr_extra .search_wr_1 button,
    .search_wr_extra .search_wr_2 button,
    .search_wr_extra .search_wr_8 button {flex: 0 0 calc(33.33% - 7px);}
    .search_form_wrap .bbs_order {margin-top: 10px; width: 100%; height: 40px;}
    .bbs_search .sch_select {display: block;}
    .bbs_search .sch_select[name="sType"] {display: none;}
}

/* 중등색상커스텀 */
.type_middle .search_wr_extra button {background-color: #FFFBEC;}
.type_middle .search_wr_extra button:hover,
.type_middle .search_wr_extra button:focus {color: var(--middle-color);}
.type_middle .search_wr_extra button.active {color: var(--middle-color); background-color: #fff; box-shadow: 0px 0px 10px #FFFBEC}
.type_middle .bbs_search a.sch_button {background: var(--middle-color);}
.type_middle .search_form_wrap .bbs_order a:hover,
.type_middle .search_form_wrap .bbs_order a:focus,
.type_middle .search_form_wrap .bbs_order a.active {color: var(--middle-color);}