@charset "UTF-8";

/* 공통 */
.search_bar_com_area .search_bar_box .box .slt_box .com_slt,
.search_bar_com_area .search_bar_box .box .data_box .data_inp,
.search_bar_com_area .search_bar_box .box .input_box .scrh_inp,
.search_bar_com_area .search_bar_box .box .input_box .btn,
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .slt_box .slt,
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .data_inp { border-radius: 8px;}

.search_bar_com_area .inner_box {background-color: #ffffff; border-radius: 10px; box-shadow: 5px 5px 18px rgba(0, 0, 0, 0.1);}
.search_bar_com_area .inner_box .box { width: 100%; padding: 30px 60px;}
.search_bar_com_area .inner_box .box .row { display: flex; margin: 0 0 10px 0;}
.search_bar_com_area .inner_box .box .row:last-child { margin: 0;}
.search_bar_com_area .inner_box .box .row .tit,
.search_bar_com_area .inner_box .box .row .txt { font-size: 16px; line-height: 45px; color: #333333;}
.search_bar_com_area .inner_box .box .row .tit { font-weight: 700; text-align: center;}
.search_bar_com_area .inner_box .box .row > * { margin: 0 10px 0 0;}
.search_bar_com_area .inner_box .box .row > *:last-child { margin: 0;}
.search_bar_com_area .inner_box .box .row .data_inp { line-height: 43px;}
.search_bar_com_area .inner_box .box .row .txt { display: inline-block; margin: 0 5px; font-weight: 400; vertical-align: middle;}
/* 공통 */

/* 기본 */
.search_bar_com_area {margin: 0 0 70px;}
.search_bar_com_area .inner_box .search_bar_box {}
.search_bar_com_area .inner_box .search_bar_box .box {}
.search_bar_com_area .inner_box .search_bar_box .box .row {}
.search_bar_com_area .inner_box .search_bar_box .box .row .tit {min-width: 80px;}
.search_bar_com_area .inner_box .search_bar_box .box .row .slt_box,
.search_bar_com_area .inner_box .search_bar_box .box .row .data_box .data_inp {min-width: 150px;}
.search_bar_com_area .inner_box .search_bar_box .box .row .data_box.sty2 { width: 320px; font-size: 0;}
.search_bar_com_area .inner_box .search_bar_box .box .row .data_box.sty2 .data_inp { display: inline-block; width: auto; vertical-align: middle;}
.search_bar_com_area .inner_box .search_bar_box .box .row .data_box.sty2 .txt {}
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box {position: relative; flex: 1; display: flex; justify-content: space-between; align-items: stretch;}
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box > * { margin: 0 10px 0 0;}
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box > *:last-child { margin: 0;}
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box .scrh_inp { flex: 1;}
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box .btn {display: inline-block; width: 64px; padding: 0 10px; border: 1px solid var(--com-main-color); background-color: var(--com-main-color); transition: all 0.3s;}
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box .btn i { font-size: 20px; line-height: 43px; color: #ffffff;}
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box .btn:hover,
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box .btn:focus { background-color: #ffffff;}
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box .btn:hover i,
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box .btn:focus i { color: var(--com-main-color);}
.search_bar_com_area .inner_box .search_bar_box .box .row .btn_list_area {}
.search_bar_com_area .inner_box .search_bar_box .box .row .btn_list_area > .list { margin: -5px 0 0 -5px; font-size: 0;}
.search_bar_com_area .inner_box .search_bar_box .box .row .btn_list_area > .list > li { display: inline-block; margin: 5px 0 0 5px; vertical-align: top;}
.search_bar_com_area .inner_box .search_bar_box .box .row .btn_list_area > .list > li .btn_chk_area { position: relative; font-size: 0;}
.search_bar_com_area .inner_box .search_bar_box .box .row .btn_list_area > .list > li .btn_chk_area label { position: relative; display: block; cursor: pointer;}
.search_bar_com_area .inner_box .search_bar_box .box .row .btn_list_area > .list > li .btn_chk_area label .btn_chk { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; border: 1px solid #E1E1E1; padding: 0; background-color: #ffffff; border-radius: 8px;}
.search_bar_com_area .inner_box .search_bar_box .box .row .btn_list_area > .list > li .btn_chk_area label .text { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 45px; padding: 0 15px; font-weight: 700; font-size: 16px; line-height: 24px; color: #212121; text-align: center;}
.search_bar_com_area .inner_box .search_bar_box .box .row .btn_list_area > .list > li .btn_chk_area label .btn_chk:checked {border: 1px solid #1F1F1F; background-color: #1F1F1F;}
.search_bar_com_area .inner_box .search_bar_box .box .row .btn_list_area > .list > li .btn_chk_area label .btn_chk:checked + .text { color: #ffffff;}
/* 기본 */

/* 상세 검색 있을 시 */
.search_bar_com_area.det_sch_cont {position:relative; padding: 0 0 38px;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box {display: none; position:relative;}
.search_bar_com_area.det_sch_cont.on .inner_box .sch_bt_cont_box:before {content: ''; position:absolute; top: 0; left: 50%; width: calc(100% - 120px); height: 1px; background-color: #e1e1e1; transform: translateX(-50%);}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .tit {min-width: 80px;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row.sty2 .tit { line-height: 28px;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .data_inp,
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .slt_box .slt {width: 210px;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .slt_box.sty2 {font-size: 0;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .slt_box.sty2 .slt {margin: 0 20px 0 0;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .slt_box.sty2 .slt:last-child {margin: 0;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .inp_box2 {font-size: 0;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .inp_box2 > * { display: inline-block; vertical-align: middle;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .inp_box2 .txt {}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .chk_list_area.row_sty {flex: 1;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .chk_list_area.row_sty .list li { width: calc(16.666% - 8.3333px); margin: 0 10px 0 0;}
.search_bar_com_area.det_sch_cont .inner_box .sch_bt_cont_box .box .row .chk_list_area.row_sty .list li:nth-child(6n) { margin: 0;}
.search_bar_com_area.det_sch_cont .det_btn {display: inline-block; position:absolute; bottom: 0; left: 50%; padding: 0 54px; background-image: url('/images/home/kor/user/board/det_icon.png'); background-position: center; background-repeat: no-repeat; text-align: center; transform: translateX(-50%);}
.search_bar_com_area.det_sch_cont .det_btn .text {display: inline-block; position:relative; padding: 0 17px 0 0; font-weight: 500; font-size: 16px; line-height: 38px; color: #ffffff;}
.search_bar_com_area.det_sch_cont .det_btn .text:after {content: ''; position:absolute; top: 50%; right: 0; width: 10px; height: 6px; background-image: url('/images/home/kor/user/board/det_icon2.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.search_bar_com_area.det_sch_cont.on .det_btn .text:after {margin: -3px 0 0; transform: rotate(180deg);}
/* 상세 검색 있을 시 */