@charset "utf-8";

/* layout */
#wrap.search #container {margin-top: 0;}
#wrap.search #header {padding-bottom: 20px; box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);}
#wrap.search #header #gnb {padding: 0;}
#wrap.search #header.search__header .gnb-list__button {display: none;}

#search_wrap {position: relative; width: 100%;}
/* 탭 */
.search__tab {padding: 30px; background-color: #f6f7fb;}
.search__menu {display: flex; display: -ms-flexbox; height: 60px; max-width: 1170px; margin: 0 auto; border-radius: 6px; }
.search__menu__item {flex: 1; -ms-flex: 1; max-width: 167px;}
.search__menu__button {display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; position: relative; height: 60px; border: 1px solid #ddd; background-color: #fff; font-size: 16px; line-height: 1; color: #666; letter-spacing: -0.7px;}
.search__menu__item._active .search__menu__button {background-color: #063863; color: #fff; font-weight: bold;}
.search__menu__button:focus:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000;}

.search__cont {display: flex; display: -ms-flexbox; position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 29px 0;}
.search__cont > .search__info {flex: 1 1 auto; -ms-flex: 1 1 auto;}
/* 총 건수 */
.search__top {display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; padding-bottom: 29px; border-bottom: 1px solid #ddd;}
.search__top__txt {font-size: 18px; line-height: 1.5; color: #666;}
.search__top__txt > p {display: inline-block; word-break: break-all;}
.search__top__strong01 {color: #063863;}
.search__top__strong02 {color: #e30230;}
.search__top__etc {display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; margin-left: auto; line-height: 1;}
.search__top__etc__item + .search__top__etc__item {border-left: 1px solid #ddd;}
.search__top__etc__button {display: inline-block; padding: 3px 15px 5px; font-size: 13px; line-height: 1; color: #666;}
.search__top__etc__item._active .search__top__etc__button {color: #e30230; font-weight: bold;}
/* 상단 분류 */
.search__info__box {margin-top: 30px;}
.search__info__box a:hover {text-decoration: underline;}
.search__tit {background: none; font-size: 18px; font-weight: bold; color: #063863;}
.search__theme {padding: 20px; border-radius: 12px; background-color: #f6f7fb;}
.search__theme .search__tit {padding-top: 0;}
.search__theme__cont {display: flex; display: -ms-flexbox; }
.search__theme_img {flex: 0 0 114px; -ms-flex: 0 0 114px; overflow: hidden; margin-right: 20px; border-radius: 3px;}
.search__theme_img img {width: 100%; max-width: 140px;}
.search__theme__item {display: flex; display: -ms-flexbox;}
.search__theme__item + .search__theme__item {margin-top: 15px;} 
.search__theme__tit {position: relative; flex: 0 0 110px; -ms-flex: 0 0 110px; padding-left: 7px;}
.search__theme__tit:before {content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; border-radius: 1.5px; background-color: #e30230;}
.search__theme__txt {font-size: 15px; color: #666;}
/* 분류 상세 */
.search__theme__info {flex: 1 1 auto; -ms-flex: 1 1 auto;}
.search__theme__info .search__theme__tit + .search__theme__txt,
.search__theme__info .search__theme__txt + .search__theme__txt {margin-top: 10px;}
.search__theme__detail__list {display: flex; display: -ms-flexbox; margin-top: 10px;}
.search__theme__detail__item {margin-right: 20px;}
.search__theme__button02 {padding-right: 21px; background: url('../images/layout/icon_search_arr01.png') no-repeat 99% 50% / 16px 16px; font-size: 15px; color: #666;}
/* 관련문의 */
.search__tel__txt {display: inline-block; margin-left: 6px; padding-left: 20px; background: url('../images/layout/icon_search_tel.png') no-repeat 0 50% / 15px 15px;}
.search__tel__txt02 {display: inline-block; color: #e30230; font-weight: bold;}
.search__theme__tel__list {margin-top: 10px;}

.search__news {border-radius: 12px; border: 1px solid #ddd;}
.search__news__top {display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; padding: 0 20px; border-bottom: 1px solid #ddd;}
.search__news__tit {padding-right: 80px; font-size: 18px; line-height: 1.5; color: #333; font-weight: bold;}
.search__news__num {margin-left: auto; font-size: 15px; line-height: 1; color: #e30230; font-weight: bold;}
.search__news__txt {margin-top: 10px; font-size: 15px; color: #666; line-height: 1.5;}
.search__news__date {margin-left: auto; font-size: 14px; color: #666; line-height: 1.5;}
.search__news__cont {padding: 30px 20px;}
.search__news__cont + .search__news__cont {padding-top: 0;}
.search__news__cont__top {display: flex; display: -ms-flexbox;}
.search__news__list {margin-top: 17px;}
.search__news__item + .search__news__item {margin-top: 9px;}
.search__news__button {position: relative; margin-right: 10px; padding-left: 8px; font-size: 14px; color: #0089ff;}
.search__news__button:before {content: ''; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; border-radius: 1.5px; background-color: #0089ff;}
.search__news__view {padding: 1px 7px; border-radius: 3px; border: 1px solid #0089ff; font-size: 14px; color: #0089ff;}
.search__news__category {margin-top: 18px; padding: 0 10px; border-radius: 6px; background-color: #f6f7fb;}
.search__news__category__button {display: inline-block; padding: 1px 0 2px;}
.search__news__category__button > span {font-size: 14px; color: #063863;}
.search__news__category__button > span + span {margin-left: 10px; padding-left: 15px; background: url('../images/layout/icon_search_arr02.png') no-repeat 0 50% / 7px 10px;}
.search__button__more {display: flex; display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content:center; -ms-flex-pack: center; width: 100%; height: 55px; border-top: 1px solid #ddd;}
.search__button__more__txt {display: inline-block; padding-right: 15px; background: url('../images/layout/btn_more.png') no-repeat 100% 50% / 12px 12px; line-height: 1;}
.search__news__dl {display: none; margin: 10px 0; border-radius: 6px; border: 1px solid #ddd; color: #666;}
.search__news__dt {padding: 5px 10px; border-bottom: 1px solid #ddd;}
.search__news__dd {padding: 5px 10px;}

/* 인기 검색어 */
.search-favor__right {flex: 0 0 220px; -ms-flex: 0 0 220px; margin-left: 40px;}
.search-favor__right .search-favor__cont {display: block;}
.search-favor__right .search-favor__info {position: relative; padding: 6px 0 20px;}
.search-favor__right .search-favor__info + .search-favor__info {padding-top: 30px; border-top: 1px solid #ddd; border-left: 0;}
.search-favor__right .search-favor__info--popular .search-favor__item + .search-favor__item {margin-top: 8px;}
.search-favor__right .search-favor__info--popular .search-favor__txt {max-width: 180px; color: #666;}
.search-favor__right .search-favor__info--found .search-favor__txt {max-width: none; color: #666;}
.search-favor__right .search-favor__info--found .search-favor__item + .search-favor__item {margin-top: 0;}
.search-favor__right .search-favor__info--found .search-favor__button {display: inline-block; max-width: 100%; padding-top: 4px; padding-right: 0;}
.search-favor__right .search-favor__info--found .search-favor__txt {overflow: visible; max-width: 100%; word-break: break-all; white-space: pre-line;}
.search-favor__right .search-favor__info--found .search-favor__remove {position: relative; top: auto; right: auto; vertical-align: top;}

.search-favor__right .search-favor__info--popular .search-favor__list {margin-top: 14px;}
.search-favor__category {position: absolute; top: 0; right: 0; z-index: 3;}
.search-favor__category__button01 {display: inline-block; width: 71px; padding: 4px 17px 4px 0; background: url('../images/layout/icon_search-favor__arr01.png') no-repeat 100% 50% / 12px 5px; font-size: 12px; line-height: 1; color: #666; text-align: right;}
.search-favor__category._active .search-favor__category__button01 {background: url('../images/layout/icon_search-favor__arr02.png') no-repeat 100% 50% / 12px 5px;}
.search-favor__category__list {display: none; width: 71px; margin-top: 5px; border-radius: 6px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); background-color: #fff}
.search-favor__category._active .search-favor__category__list {display: block;}
.search-favor__category__button02 {display: inline-block; width: 100%; padding: 9px 0 9px 0; font-size: 12px; line-height: 1; color: #666;}
.search-favor__category__button02 > span {display: inline-block; margin-right: 10px; padding: 0 17px 0 10px;}
.search-favor__category__item._on .search-favor__category__button02 > span {background: url('../images/layout/icon_search-favor__arr03.png') no-repeat 100% 50% / 9px 5px;}
.search-favor__category__button02:hover {background-color: #f6f7fb;}

/* 체크 박스 */
.check-wrap:after {content:''; display:block; clear:both;}
.check-wrap .check-wrap__item { position:relative; overflow:hidden; float:left; font-size: 14px; line-height: 1; color: #666;}
.check-wrap .check-wrap__item + .check-wrap__item {margin-left:30px;}
.check-wrap .check-wrap__check {display:inline-block; position:relative; z-index:1; padding: 4px 0 4px 18px; border:1px solid #fff; background:#fff url('../images/layout/icon_search_check.png') no-repeat 0 50% / 13px 13px; cursor:pointer;}
.check-wrap .ui_check_input {position:absolute; top:5px; left:0; border:0;}
.check-wrap .check-wrap__input:checked + .check-wrap__check {background:#fff url('../images/layout/icon_search_check_on.png') no-repeat 0 50% / 13px 13px;}
.check-wrap .check-wrap__input:focus + .check-wrap__check {border:1px dotted #333;}

.check-wrap__date {margin-right: 30px;}
.check-wrap__date input[type="text"] {height: 36px;}
.check-wrap--round.check-wrap .check-wrap__item + .check-wrap__item {margin-left: 10px;}
.check-wrap--round.check-wrap .check-wrap__check {display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; min-width: 70px; height: 36px; padding: 0 5px; border-radius: 3px; border: 1px solid #ddd; background: #fff; text-align:center;}
.check-wrap--round.check-wrap .check-wrap__input:checked + .check-wrap__check {border: 1px solid #063863; background: #fff; color: #063863;}
.check-wrap--round.check-wrap .check-wrap__input:focus + .check-wrap__check {border: 1px solid #063863;}

.search__header .header-top__form {margin-left: auto;}
.header-top__button--detail {height: 50px; margin: 0 auto 0 22px; padding: 0 20px; border-radius: 25px; background-color: #063863; font-size: 15px; line-height: 1; color: #fff; transition: background 0.4s ease-in-out;}
.header-top__button--detail._on {background-color: #0089ff;}
.header-top__button--detail span {display: inline-block; padding-right: 20px; background:  url('../images/layout/icon_search_view_open.png') no-repeat 100% 50% / 12px 12px;}
.header-top__button--detail._on span {background:  url('../images/layout/icon_search_view_close02.png') no-repeat 100% 50% / 16px 16px;}
.header-top__view {display: none; position: absolute; top: 120px; left: 0; right: 0; width: 100%; max-width: 1170px; min-width: 1024px; margin: 0 auto; border-radius: 6px; border: solid 1px #ddd; background-color: #fff;}
.header-top__view__tit {padding: 15px 20px; font-size: 18px; font-weight: bold; line-height: 1; letter-spacing: -0.5px; color: #063863;}
.header-top__view__dl {display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; height: 60px; border-top: 1px solid #ddd;}
.header-top__view__dt {display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; min-width: 148px; height: 60px; padding: 0 20px; border-right: 1px solid #ddd; font-size: 15px; font-weight: bold; line-height: 1; letter-spacing: -0.5px; color: #333;}
.header-top__view__dd {display: flex; display: -ms-flexbox; align-items: center; -ms-flex-align: center; height: 60px; padding: 0 30px;}
.header-top__view__dd input[type="text"].date_box {width: 140px; height: 34px; border-left: 1px solid #ddd; background: #fff url('../images/info/calendar_check.png') no-repeat 94% 50%; line-height: 34px;}
.header-top__view__dd .etc {margin-left: 10px;}
.check-wrap__date {margin-left: 30px;}
.header-top__button--detail__close {position: absolute; top: 0; right: 1px; width: 48px; height: 48px; border-radius: 2px; background: #fff url('../images/layout/icon_search_view_close.png') no-repeat 50% 50% / 18px 18px;}

@media screen and (min-width: 1024px){
    .search__menu__item + .search__menu__item .search__menu__button {border-left: 0;}
    .search__menu__item:first-child .search__menu__button {border-radius: 6px 0 0 6px;}
    .search__menu__item:last-child .search__menu__button {border-radius: 0 6px 6px 0;}
    
    .search__tab .swiper-container-free-mode > .swiper-wrapper {transform: translate3d(0px, 0px, 0px) !important;}

    .search__cont {justify-content: flex-end; -ms-flex-pack: end;}
}

@media screen and (max-width: 1180px){
    .search__cont {width: auto; padding: 20px 20px;}
}

@media screen and (max-width: 1024px){
    #wrap.search #header {padding: 0;}
    
    .search__tab {padding-top: 30px !important;}
    .search-favor__right {display: none;}

    .search__cont {display: block; width: auto; padding: 20px 20px;}
    .header-top__button--detail,
    .header-top__view,
    .check-wrap--detail {display: none !important;}

    /* 탭 */
    .search__tab {padding: 20px 0 20px 20px;}
    .search__menu {display: flex; display: -ms-flexbox; height: 35px; max-width: 1170px; margin: 0 auto; border-radius: 0; border: 0;}
    .search__menu__item {min-width: 100px;}
    .search__menu__item:first-child {flex: 1 1 auto; -ms-flex: 1 1 auto;}
    .search__menu__item + .search__menu__item {flex: 1 1 auto; -ms-flex: 1 1 auto; border-left: 0;}
    .search__menu__button {height: 33px; padding: 0 5px; border: 1px solid #ddd; border-radius: 17.5px; font-size: 14px;}
    .search__menu__item._active .search__menu__button {background-color: #063863; color: #fff; font-weight: bold;}

    /* 총 건수 */
    .search__top {display: block; overflow: hidden; padding-bottom: 0; border-bottom: 0; text-align: center;}
    .search__top__etc {float: right; margin-top: 10px;}
    .search__top__txt > p.search__top__txt02 {display: block; font-size: 14px;}

    /* 상단 분류 */
    .search__info__box {margin-top: 20px;}
    .search__tit {font-size: 15px;}
    .search__theme {padding: 20px 15px; border-radius: 6px;}
    .search__theme__cont {display: block;}
    .search__theme_img {display: block; margin-bottom: 20px; text-align: center;}
    .search__theme__item {display: block;}
    .search__theme__item + .search__theme__item {margin-top: 10px;} 
    .search__theme__tit {font-size: 14px;}
    .search__theme__txt {font-size: 14px;}
    /* 분류 상세 */
    .search__theme__info {flex: 1 1 auto; -ms-flex: 1 1 auto; margin-top: 5px; padding-left: 8px;}
    .search__theme__info .search__theme__tit + .search__theme__txt,
    .search__theme__info .search__theme__txt + .search__theme__txt {margin-top: 6px;}
    .search__theme__detail__list {display: block; margin-top: 6px;}
    .search__theme__detail__item {margin-right: 20px;}
    .search__theme__button02 {display: inline-block; padding-right: 21px; font-size: 14px; color: #666;}

    /* 뉴스 */
    .search__news {border-radius: 0; border: 0}
    .search__news__top {padding: 0; border-top: 1px solid #ddd; border-bottom: 0;}
    .search__news__tit {padding-right: 0; font-size: 15px;}
    .search__news__txt {margin-top: 7px; font-size: 14px;}
    .search__news__date {margin-top: 7px; font-size: 14px;}
    .search__news__cont {padding: 0 0 20px;}
    .search__news__cont + .search__news__cont {padding-top: 0;}
    .search__news__cont__top {display: block;}
    .search__news__list {margin-top: 10px;}
    .search__news__button {display: block; width: 100%; margin-right: 0; word-wrap: break-word;}
    .search__news__view {margin-top: 10px;}
    .search__news__category {margin-top: 13px;}
    .search__button__more {height: 30px; border-radius: 6px; border: solid 1px #063863;}
    .search__news__dt {font-size: 14px;}
    .search__news__dd {font-size: 14px;}
}

/*와이즈넛 추가 검색결과 하이라이팅*/
.highlight__span{color:#0050bf}