@charset "utf-8";
/**
    메인 상단 검색 - 검색엔진
    통합검색
*/

.totalSearch_wrap em { font-style: normal;font-weight: normal;vertical-align: baseline;}
.totalSearch_wrap .ls-2 { letter-spacing: -2px;}
.totalSearch_wrap h3 { font-size:2.2rem; font-weight: normal; font-family: SebangGothic;   text-align: center;  text-align: center; margin:0px auto; padding-left:85px;}
.totalSearch_wrap h4 { font-size:1.9rem; font-family: SebangGothic; }
.totalSearch_wrap h3 span, .totalSearch_wrap h4 span {  color:#ED2BBB; }

/* --------------- 메인(공통) 검색  + 통합검색 입력창 :: input layer  ---------------  */
.search_area_wrap {
    position: fixed;
    display: none;
    top: 39px;
    left: 50%;
    margin-left: 149px;
    width: 600px;
    transform: translateX(-50%);
    z-index: 49;
    background: #fff;
    box-shadow: 0 2px 12px rgb(0 0 0 / 10%);
    padding: 7px 18px;
    border: 1px solid #8e35ef;
    border-radius: 10px;
}

/* 검색 input box layer :  공통, 끝  회색 엑스*/
.search_area_wrap .btn_delete_b { padding-right:20px; font-weight: normal; background: #fff; }
.search_area_wrap .btn_delete_b:before{content:'';display:block;position:absolute;top:50%;right:5px;width:1.1px;height:12px;background-color:#999;transform:translateY(-50%) rotate(45deg);}
.search_area_wrap .btn_delete_b:after{content:'';display:block;position:absolute;top:50%;right:5px;width:1.1px;height:12px;background-color:#999;transform:translateY(-50%) rotate(-45deg);}

.search.selected .search-autowrap{display:none; z-index: 10001}
.search_area_top {position: absolute; }

.search_area_wrap .btn.searchclose span{line-height:1.3;color:#999;font-size:14px;font-weight:400;letter-spacing:-0.28px;}
.search-autowrap .autowrap{display:flex;justify-content:space-between;flex-flow:row wrap;position:relative;padding-bottom:20px;}


.search-autowrap .nodata{align-items:flex-start;color:#999;font-size:14px;letter-spacing:-0.28px;text-align:left;}
.search-autowrap .autoarticle{position:relative;width:100%;/*max-height:298px;*/}
.search-autowrap .autoarticle.leftarea{width:50%; padding-top:10px;}
.search-autowrap .autoarticle.rightarea{width:233px;padding-left:30px;}
.search-autowrap .autoarticle.rightarea::before{content:"";display:block;position:absolute;top:0;left:0;width:1px;height:100%;background:#eee;}
.search-autowrap .recommend-category{position:absolute;top:calc(100% + 15px);left:0;}
.search-autowrap .recommend-category span{}
.search-autowrap .recommend-category .recategory-list li{}

.search-autowrap .stitle{margin-bottom:20px;color:#333;font-size:17px;font-weight:700;letter-spacing:-0.34px;}
.search-autowrap .recent-area{width:100%;margin:0;padding:0;}
.search-autowrap .recent-list{overflow-y:auto;width:100%;margin:0;padding-right:20px;}
.search-autowrap .recent-list{width:100%;min-height:100px;margin:0;padding:0 20px 26px 0;}
.search-autowrap .recent-list li:nth-last-of-type(1){margin-bottom:0;}
.search-autowrap .recent-list li a{display:block;width:calc(100% - 20px);color:inherit;font-size:inherit;letter-spacing:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:left;}
.search-autowrap .recent-list li .btn{position:absolute;top:3px;right:-8px;width:12px;height:12px;padding:4px;background:transparent;}
.search-autowrap .recent-list li .btn .icon.xico::before,
.search-autowrap .recent-list li .btn .icon.xico::after{width:14px;}
.search-autowrap .btn_del_recent { position: absolute; bottom:-17px; right:9px; }
.search-autowrap .btn_del_recent { padding:5px 26px 5px 8px ;  font-weight: normal; background: none; }
.search_area_wrap .btn.searchclose span{ padding:5px 2px 5px 8px ;  font-weight: normal; background: none; }

.search-autowrap .num-list{counter-reset:rankup;width:100%;}
.search-autowrap .num-list li::before{content:'0' counter(rankup);counter-increment:rankup;margin-right:10px;color:#999;font-size:14px;letter-spacing:-0.28px;}
.search-autowrap .num-list li:nth-of-type(9) ~ li::before{content:counter(rankup);}
.search-autowrap .num-list li:nth-last-of-type(1){margin-bottom:0;}
.search-autowrap .num-list li a{display:inline-flex;justify-content:space-between;align-items:center;width:100%;color:inherit;font-size:inherit;letter-spacing:inherit;}
.search-autowrap .num-list li em{margin-right:5px;}
.search-autowrap .num-list li .icon.keep{position:relative;top:-4px;}
.search-autowrap .recent-list li, .search-autowrap .num-list li {position: relative;;display: inline-flex;align-items: center;width: 100%;margin-bottom: 5px;padding-left: 0;color: #333;font-size: 1.4rem;line-height: 1.2;letter-spacing: -0.28px;}

/*검색 인풋박스 아이콘*/
.search-autowrap .icon { display: inline-block}
.search-autowrap .icon.down,
.search-autowrap .icon.keep,
.search-autowrap .icon.up {background-image:url(../images/common/icon-pop-arrow.png);background-repeat:no-repeat;}
.search-autowrap .icon.down {width: 10px; height: 11px;background-position:-90px -10px;}
.search-autowrap .icon.keep {width: 10px; height: 2px;background-position:-50px -52px;}
.search-autowrap .icon.up {width: 10px; height: 11px;background-position:-90px -41px;}
.search-autowrap .icon.new{margin-right:-10px;width:28px;height:9px;background-image:url(../images/common/ico-new.png);background-repeat:no-repeat;}

/* 검색어 자동완성 */
.search-autowrap .keyword-area{margin:0;padding:0; width:100%;}
.search-autowrap .keyword-area ul{display:flex;justify-content:space-between;flex-flow:row wrap;margin:0;padding:12px 0 8px;border-bottom: 1px solid #eee;}
.search-autowrap .keyword-area ul li{width:50%;margin:0;text-align: left;}
.search-autowrap .keyword-area ul li a{display:block;padding:5px 0;color:#333;font-size:14px;line-height:16px;letter-spacing:-0.56px;}
.search-autowrap .keyword-area ul li:nth-of-type(-n+2) a{padding-top:0;}
.search-autowrap .keyword-area ul li em{color:#902bff;font-size:inherit;}

.search-autowrap .autoarticle { position: relative; }

.search-autowrap .recent-area {width: 100%;margin: 0;padding: 0;}
.search-autowrap .autoarticle.rightarea {width: 50%;padding: 10px 0 0 30px;  }
.search-autowrap .stitle {margin-bottom: 20px;color: #333;font-size: 17px;font-weight: 700;letter-spacing: -0.34px;}
.search_area_wrap .unifiedsearch_input {display: inline-block;position: relative;margin: 0 auto;width: 100%;  }

.search_area_wrap .unifiedsearch_input input[type="text"].form_style {display: block;padding: 5px 50px 5px 0px;width: 100%; font-size: 2.0rem; letter-spacing: -0.03em; line-height: 44px;border: none;outline: none; border-radius: 15px;     font-family: 'SebangGothic'; font-weight: normal;}
.search_area_wrap .unifiedsearch_input input[type="text"].form_style:focus {outline: none;}
.search_area_wrap .unifiedsearch_input .btn_searchunified {position: absolute;  right: 10px; top: 10px; display: inline-block;width: 30px; height: 30px;font-size: 0; line-height: 0;background: url(../images/common/btn_search.png) no-repeat center; background-size: contain;}
.search_area_wrap .unifiedsearch_input .ico-clearabled {     position: absolute;top:14px; right: 53px;width: 20px;height: 20px;     width: 20px;height: 20px;background: transparent url(../images/common/ico-circle-delete-2x.png) no-repeat 50% 50%;background-size: 20px;}
.search_area_wrap .close_area { height:40px; text-align: right; border-top:1px solid #eee}


.totalSearch_wrap .rel_keyword {     margin: 10px 0; text-align: center  }
.totalSearch_wrap .rel_keyword span {  border-radius: 15px; padding: 3px 10px; background-color: #ededed; margin:0 2px 3px 0; display: inline-block; font-size:1.4rem; cursor:pointer; }


.header_top .search_area_wrap {position: absolute; top: 4px;right: 0;z-index: 1; width: 65%;}
.header_top .search_area_wrap .unifiedsearch_input .ico-clearabled { top:12px; }

.search-autowrap { border-top:1px solid #111}


/*검색버튼*/
.search_filter_detail.on .btn_group { position: relative;display: flex;margin: 15px auto;left: 0;justify-content: center; }
.search_filter_detail.on .btn_group button { float:left; padding: 2px 18px;width:200px;font-size: 1.8rem;line-height: 40px;border-radius: 5px;border:1px solid #561689;background: #561689;color:#fff;margin: 0px 10px;}
.search_filter_detail.on .btn_group button:after { float: none; clear: both}
.search_filter_detail.on .btn_group .btn_totSearch_init { background: #fff; color:#561689; }

.search_filter_detail .datail_inner { max-height:initial;overflow: auto; padding: 10px 9px 10px 120px; overflow:hidden; border-radius: 15px 0 15px 15px ;}

.totalSearch_wrap .result_info { text-align: center; padding-top:20px;}
.totalSearch_wrap .result_info_detail {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;line-height: 20px; margin:10px 0 20px 0}
.totalSearch_wrap .result_info_detail .sorting {right:0;text-align: right;position: relative;display: flex;-webkit-box-align: center;align-items: center;}
.totalSearch_wrap .result_info_detail .sorting li { display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: end;justify-content: flex-end;margin-left: 8px;color: rgb(153, 153, 153);}
.totalSearch_wrap .result_info_detail .sorting li.on a{color:#000; font-weight: 700;}
.totalSearch_wrap .result_info_detail .sorting a { letter-spacing: -0.3px;font-weight: 500;color: rgb(51, 51, 51);cursor: default;}
.totalSearch_wrap .result_info_detail .sorting a.active { color:#000}
.totalSearch_wrap .result_info_detail .sorting li::after {content: "";display: flex;width: 1px;height: 10px;margin-left: 8px;background-color: rgb(226, 226, 226);}

.totalSearch_wrap .result_area { border:1px solid #cfcfcf; padding: 20px; border-radius: 10px; margin-bottom:20px;}

.totalSearch_wrap .result_tit { display:block; position: relative;border-bottom:1px solid #ccc; color:#000; margin-bottom:10px; padding:10px 0;}
.totalSearch_wrap .result_tit h4 .cnt {  color:#999 ; margin-left: 20px; font-size:1.8rem; line-height: 40px;}
.totalSearch_wrap .result_tit .more { position: absolute; top:25%; right:0; }

.totalSearch_wrap .btn_totmore { line-height: 50px; text-align: center;     background: #878787; color:#fff; font-weight: 700; border-top:none; border-radius: 0 0 10px 10px ;}
.totalSearch_wrap .btn_totmore a { width:50%; line-height: 50px; cursor: pointer}

/*---------------------------  통합검색-결과 전용 페이지 .totalSearch_wrap -------------------------------*/

/* 통합검색 검색결과 페이지 안의 검색창 보이기*/
.totalSearch_wrap .search_area_wrap {     /* position: absolute; */display: inline-block !important;position: relative;top: inherit;left: 5px;transform: none;margin: 0 auto; border-radius: 5px;}
.totalSearch_wrap .search_area_wrap .unifiedsearch_input .ico-clearabled {top:26px;}
.totalSearch_wrap .result_info.off .search-autowrap, .result_info.off .close_area { display: none;}

/*: btn 상세검색*/
.totalSearch_wrap .search_filter_detail { transition: none; margin-top:0px; }
.totalSearch_wrap .search_filter_detail.on {display: inline-block;position: relative;background: #f4f3f5;border-radius: 10px 0 10px 10px;margin-bottom:10px;padding: 0;}

.totalSearch_wrap .section_area .ico-clearabled{display:inline-block;position:absolute;top:50%;right:50px;width:20px;height:20px;padding:0;border:0;transform:translateY(-50%);}
.totalSearch_wrap .section_area .ico-clearabled{display:inline-block;right:55px;}

.totalSearch_wrap .result_txt_wrap { display: flex; margin-top:20px;}

.totalSearch_wrap .search_wrap { min-height:90px;}
.totalSearch_wrap .search_wrap h3 .cnt {  color:#999 ; margin-left: 20px; font-size:1.8rem;text-align: right}
.totalSearch_wrap .search_wrap .btn_detail { /*position: relative;*//*display: block;*/padding: 10px 33px 6px 16px;margin: 15px 0px 0 0; /*float: right;*/color: #8e35ef;border: 1px solid #f8f1f9;background: #f4f3f5 url(../images/accessibility/btn_totsearch_detail_down.png) 90% 16px no-repeat;text-align: center;border-radius: 8px 8px 0 0;transition: none;font-size: 1.6rem;}
.totalSearch_wrap .search_wrap .btn_detail.on{ z-index: 2; background: #f4f3f5 url(../images/accessibility/btn_totsearch_detail_up.png) 90% 50% no-repeat;}

.totalSearch_wrap .fl_groupwrap { width:300px; margin:5px 0; height:40px;}

.datail_list { width:100%;margin-bottom:3px; background: #fff; border-radius: 5px; padding:8px 1px 8px 10px; }
.datail_list .check_row { min-width:120px ; margin:0; }
.datail_list .check_row > label { font-weight: normal; background-size:21px; font-size:1.5rem; letter-spacing: -2px;}
.datail_list .detail_tit { position: absolute;
    left: -124px;width:110px; font-size: 1.6rem;font-weight: 700; padding-left:10px; text-align: right}



/*접수기간*/
.datail_list .select_custom{ line-height: 36px; height:36px; width:130px; font-size: 1.5rem; float:left;border-radius: 5px; margin:5px 10px 0 10px; }
.datail_list .fl_groupwrap { width:400px; }
.datail_list .search_day, .datepicker_style { width:200px; height:36px;line-height: 36px; border-radius: 5px; }
.datail_list .mx-input { height:30px; border-radius: 5px; }
/*체크박스 길이가 긴 경우*/
.datail_list .detail_cnt.p_minwidth_140 .check_row { min-width:140px;}
@media screen and (max-width:1024px) {
    /* 상단 검색 영역 1024 */
    .search_area_wrap .grid_content {margin: 0 30px;padding-right: 70px;width: calc(100% - 60px);}
    .unifiedsearch_input {width: 100%;}
    /*.search_area_wrap .btn_delete_b {right: 0;}*/
    .search_area_wrap {  left:inherit;right:1px; top:39px; transform: none; margin-left:0;  }

}

@media screen and (max-width:768px) {
    .search_area_wrap {  width:calc(100% - 22px);  max-width: 600px; right:11px; top:44px;}
    .search-autowrap .autoarticle.leftarea
    , .search-autowrap .autoarticle.rightarea { width: 50%}
    .search-autowrap .autoarticle.rightarea { padding: 10px 0 0 10px }


    .search_area_wrap .unifiedsearch_input input[type="text"].form_style { font-size:1.8rem; }
    .totalSearch_wrap .search_wrap { width:100%;}
    .totalSearch_wrap .search_wrap .rel_keyword { padding-left:0; font-size: 1.5rem}
    .totalSearch_wrap .search_wrap h3 { text-align: left;
        left:inherit;
        transform:none;
        padding-left:0;
    }

    .totalSearch_wrap .result_info .search_area_wrap { width:100%; margin-top:0px;}

    .search_area_wrap .unifiedsearch_input .btn_searchunified { top:6px; right:0;}
    .totalSearch_wrap .result_info .search_area_wrap .unifiedsearch_input .ico-clearabled { top: 21px; right:40px;}
    .totalSearch_wrap .result_info h3 { text-align: left; display: block}

    .search_filter_detail { width:100%;}
    .search_filter_detail .btn_detail { top:96px; }
    .search_filter_detail .datail_inner { margin-left:0; padding: 0px 5px 3px 5px;}
    .search_filter_detail .datail_inner .datail_list { padding: 8px 3px 8px 3px; margin: 45px 0 6px 0;}
    .search_filter_detail .datail_inner .datail_list .detail_tit { left:0; top:-26px; text-align: left; }
    .search_filter_detail .datail_inner .datail_list .check_row {min-width: 95px;margin: 0;}

    .search_filter_detail.on .btn_group button { width: 150px; }
    .datail_list .check_row label { padding:2px 5px 2px 23px }
    .totalSearch_wrap .section_toparea { width:100%;}
    .datail_list .select_custom
    , .datail_list .search_day, .datepicker_style
    /*, .search_day .mx-datepicker*/
    { width:76px; margin:0 2px 0 0;}
    .datail_list .fl_groupwrap { width:290px;}
    /*.datail_list .select_custom { margin:0px 10px 0 10px;}*/
    /*.datail_list .fl_groupwrap { width:100%;}*/
    .datail_list .mx-input { padding: 6px 16px 6px 2px}
    .datail_list .mx-icon-calendar, .datail_list .mx-icon-clear { right:0px; letter-spacing: -1px;}
    .totalSearch_wrap .result_txt_wrap {
        display: flex;
        margin-top: 20px;
        flex-direction: column;
        align-items: flex-end;
        border-bottom:2px solid #f4f3f5;
    }
    .totalSearch_wrap .search_wrap .btn_detail { margin:0; font-size:1.4rem;}
    .totalSearch_wrap .section_area { padding: 0 10px;}
    .totalSearch_wrap .rel_keyword span { letter-spacing: -1px;}

}