@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: 5px;}

.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 5px 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: 90px;}
.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; padding: 0 105px 0 0;}
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box .btn {display: inline-block; position: absolute; top: 0; right: 0; padding: 0 25px; background-color: #54575e; transition: all 0.3s;}
.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: #000000;}
.search_bar_com_area .inner_box .search_bar_box .box .row .input_box .btn .text {display: inline-block; padding: 0 0 0 23px; background-image: url('/images/home/kor/user/board/sch_icon.png'); background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 45px; 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: 130px;}
.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 .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);}
/* 상세 검색 있을 시 */