/* searchResultW */
/* .searchResultW{overflow: hidden;} */
.searchResultTop{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #dddddd; padding: 8px 0; margin-bottom: 16px;}
.searchResultTop .searchRange{font-size: 1.2rem; color: #000000; line-height: 1.2em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.searchResultTop .searchRange span{display: inline-block;}
.searchResultTop .searchRange .count{color: #f15b19; margin-left: 4px;}
.searchFilterBtn{display: inline-block; padding: 8px 8px 8px 32px; border-radius: 4px; background: #6435d9 url(../../../image/icon/icon_filter.png) no-repeat left 8px top 7px; background-size: 16px auto; color: #ffffff; font-size: 1rem; font-family: PretendardL, sans-serif;}
/* searchFilter */
.searchFilter{display: none; position: fixed; left: 0; top: 100%; bottom: 0;  width: 100%; padding: 30px 0 0; margin-bottom: 0px; z-index: 14; background-color: #ffffff; border-top-left-radius: 20px; border-top-right-radius: 20px; height: calc(100vh - 48px); -webkit-transform: translateZ(0);}
.searchFilter .center{padding: 0 20px;}
.searchFilter .scrollW{width: 100%; height: calc(100% - 100px); overflow: auto; padding-bottom: 80px; box-sizing: border-box;}
.searchFilter fieldset{min-inline-size: 0;}
.searchFilter .searchBoxW{margin-bottom: 32px;}
.searchFilter .searchBoxW .center{display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.searchFilter .searchBoxW form{width: 100%;}
.searchFilter .closeBtn{flex-shrink: 0; margin-right: 16px;}
.searchFilter .closeBtn img{width: 16px;}
.searchFilter .searchBox{width: 100%; position: relative;}
.searchFilter .searchBox input[type=text]{width: 100%; box-sizing: border-box; border: 0; border-radius: 4px; line-height: 60px; padding: 0 80px 0 16px; background:#6435d9; color: #fff; font-weight: normal; font-family: Pretendard, sans-serif; font-size: 1.06rem;}
.searchFilter .searchBox input[type=text]::placeholder{color: #fff; font-weight: normal; font-family: Pretendard, sans-serif;  font-size: 1.06rem;}
.searchFilter .searchBox input[type=reset]{position: absolute; right: 50px; top: 50%; transform: translateY(-50%); border: none; background: url(../../../image/icon/reset.png) no-repeat center center; width: 18px; height: 18px; padding: 0; border-radius: 50%; box-sizing: border-box; background-size: cover; cursor: pointer; image-rendering: -webkit-optimize-contrast;}
.searchFilter .searchBox .submitBtn{position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 28px;}
.searchFilter .searchBox .submitBtn img{width: 100%;}
.searchFilter .sectionTop h3{font-family: PretendardM, sans-serif; color: #000000; font-size: 1.25rem; margin-bottom: 8px; font-weight: normal; line-height: 1.2;}
.searchFilter .filterListW{margin-bottom: 8px;}
.searchFilter .filterListW::after{content: ""; display: block; clear: both;} 
.searchFilter .filterList{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; float: left;}
.searchFilter .filterList li{margin-right: 12px; padding: 6px 0;}
.searchFilter .filterList li .title{font-size: 1rem; color: #db4056; font-family: PretendardL, sans-serif; margin-right: 4px;}
.searchFilter .filterList li .delete img{width: 11px; margin-top: 1px;}
.searchFilter .resetBtn{float: right;}
@media screen and (max-width:640px){
    .searchFilter .center{padding: 0 16px;}
    .searchFilter .searchBox input[type=text]{line-height: 56px; padding: 0 70px 0 12px;}
    .searchFilter .searchBox input[type=reset]{right: 44px; width: 16px; height: 16px;}
    .searchFilter .searchBox .submitBtn{position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 25px;}
    .searchFilter .closeBtn{margin-right: 12px;}
    .searchFilter .closeBtn img{width: 14px;}
    .searchFilter .filterList li{margin-right: 8px;}
}

/* searchResultSection */
.searchResultSection{padding: 24px 0;}
.searchResultSection.borderT{border-top: 1px solid #dbdbdb;}

/* searchResultSection - searchTitle */
.searchTitle{font-family: PretendardM, sans-serif; font-size: 1.5rem; color: #000000; margin-bottom: 20px;}
.searchTitle2{margin-bottom: 20px;}
.searchTitle2 .listTitW{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 20px 0;}
.searchTitle2 .listTitW .listTit{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.searchTitle2 .listController{display: -webkit-box; display: -ms-flexbox; display: flex;}
.searchTitle2 .listController li{margin-left: 8px; white-space: nowrap;}
.searchTitle2 .listText{background-color: #fbfbfb; padding: 20px 12px; color: #828282; font-size: 1rem; line-height: 1.2em; border-bottom: 1px solid #dddddd;}
.searchTitle2 h3{color: #000000; font-size: 1.12rem;}
.searchTitle2 h3 .count{color: #f15b19; margin-left: 4px; font-size: 1.06rem; font-family: PretendardL, sans-serif; vertical-align: top;}
.searchTitle2 .topic{color: #717171; font-size: 1rem; vertical-align: bottom; margin-bottom: 6px;}
.searchTitle2 .topic::after{content: ""; display: block; width: 1px; height: 0.9em; background-color: #dddddd; position: absolute; left: 0; top: 1px;}
.searchTitle2 .topic .time{color: #8d8d8d; font-size: 0.87rem; font-family: PretendardL, sans-serif; padding-left: 18px; background: url(../../../image/icon/icon_time.png) no-repeat left top 1px; background-size: 15px; margin-left: 4px; vertical-align: top; line-height: 1.2em;}
.searchTitle3 .listTitW{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px;}
.searchTitle3 .listTitW .listTit{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.searchTitle3 .listController{display: -webkit-box; display: -ms-flexbox; display: flex;}
.searchTitle3 .listController li{margin-left: 8px; white-space: nowrap;}
.searchTitle3 .listText{background-color: #fbfbfb; padding: 20px 12px; color: #828282; font-size: 1rem; line-height: 1.2em; border-bottom: 1px solid #dddddd;}
.searchTitle3 h3{color: #000000; font-size: 1.5rem; font-family: PretendardM, sans-serif; line-height: 1em;}
.searchTitle3 h3 .count{color: #f15b19; margin-left: 4px; font-size: 1.3rem; font-family: PretendardL, sans-serif; vertical-align: top;}
.searchTitle3 .topic{color: #717171; font-size: 1rem; position: relative; padding-left: 6px; margin-left: 6px; vertical-align: bottom;}
.searchTitle3 .topic::after{content: ""; display: block; width: 1px; height: 0.9em; background-color: #dddddd; position: absolute; left: 0; top: 1px;}
.searchTitle3 .topic .time{color: #8d8d8d; font-size: 0.87rem; font-family: PretendardL, sans-serif; padding-left: 18px; background: url(../../../image/icon/icon_time.png) no-repeat left top 1px; background-size: 15px; margin-left: 4px; vertical-align: top; line-height: 1.2em;}


/* searchSumW */
.searchSumW{margin-bottom: 16px;}
.searchSumW .searchSum{color: #696868; font-size: 1rem; line-height: 1.2em; word-break: keep-all;}
.searchSumW .searchSum .searchWord{color: #000000; font-size: 1.06rem;}
.searchSumW .searchSum .searchCount{color: #f15b19; font-size: 1.06rem;}

/* searchSortW */
.searchSortW{margin-bottom: 12px;}
.searchSortW::after{content: ""; display: block; clear: both;}
.searchSortW .searchSum{display: block; font-size: 1rem; color: #747474; float: left; line-height: 20px;}
.searchSortW .searchSum .searchCount{color: #000000;}
.searchSortW .searchSort{display: -webkit-box; display: -ms-flexbox; display: flex; float: right;}
.searchSortW .searchSort li{margin-right: 12px;}
.searchSortW .searchSort li:last-child{margin-right: 0px;}
.searchSortW .searchSort li a{display: block; font-size: 0.87rem; color: #4f4f4f; line-height: 20px;}
.searchSortW .searchSort li a img{width: 16px; vertical-align: middle; margin-right: 4px;}
.searchSortW .searchSort .date.on{display: block;}
.searchSortW .searchSort .listType{display: none; margin-right: 0;}
.searchSortW .searchSort .listType.active{display: block;}
@media screen and (max-width:640px) {
    .searchResultSection{padding: 16px 0;}
    .searchTitle{margin-bottom: 16px;}
    .searchSumW{margin-bottom: 12px;}
    .searchTitle3 .listTitW{margin-bottom: 16px;}
}

/* searchVideoSwiper */


/* searchVideoList list */
.searchVideoList.list{overflow: visible;}
.searchVideoList.list > ul > li{margin-bottom: 30px;}
.searchVideoList.list > ul > li > a{display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%;}
.searchVideoList.list .videoCover{margin-right: 16px;}
.searchVideoList.list .videoInfo{display: block; width: 100%; overflow: hidden;}
@media screen and (max-width:640px) {
    .searchVideoList.list > ul > li{margin-bottom: 20px;}
    .searchVideoList.list .videoCover{width: 156px; margin-right: 12px;}
}
@media screen and (max-width:400px) {
    .searchVideoList.list .videoCover{width: 120px; height: 84px; margin-right: 8px;}
}


/* searchVideoList grid */
.searchVideoList.grid{overflow: visible;}
.searchVideoList.grid ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.searchVideoList.grid li{margin-bottom: 30px; width: calc(25% - 20px); margin-right: calc(4 * 20px / 3);}
.searchVideoList.grid li>a{display: block; max-width: 220px; margin: 0 auto;}
.searchVideoList.grid li:nth-child(4n){margin-right: 0px;}
.searchVideoList.grid .videoCover{width: auto; margin-bottom: 16px; height: 0; padding-bottom: 62%; margin-right: 0; position: relative; z-index: -1;}
.searchVideoList.grid .videoCover img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.searchVideoList.grid .videoInfo{display: block; width: 100%; overflow: hidden;}

@media screen and (max-width:780px) {
    .searchVideoList.grid li{margin-bottom: 30px; width: calc(33% - 16px); margin-right: calc((3 * 16px)/2);}
    .searchVideoList.grid li:nth-child(4n){margin-right: calc((3 * 16px)/2);}
    .searchVideoList.grid li:nth-child(3n){margin-right: 0px;}
    .searchVideoList.grid .videoCover{height: 0;}
    
}
@media screen and (max-width:520px) {
    .searchVideoList.grid li{margin-bottom: 30px; width: calc(50% - 8px); margin-right: calc((2 * 8px));}
    .searchVideoList.grid li:nth-child(3n){margin-right: calc((2 * 8px));}
    .searchVideoList.grid li:nth-child(2n){margin-right: 0;}
}


/* bannerBox */
.bannerBox{border-radius: 16px; height: 120px; padding: 24px 100px 0px 20px; box-sizing: border-box; margin-bottom: 16px;}
.bannerBox h3{font-family: TMONBlack, sans-serif; color: #ffffff; font-weight: normal; font-size: 1.2rem; margin-bottom: 8px; line-height: 1.2em;}
.bannerBox p{font-family: PretendardL, sans-serif; color: #ffffff; line-height: 1.2em; font-size: 0.9rem; word-break: keep-all;}
.bannerBox.myClip{ background: #3e54ab url(../../../image/sub/bannerImg2.png) no-repeat right -8px bottom; background-size: auto  100%;}
.bannerBox.certify{ background: #057c5f url(../../../image/sub/bannerImg3.png) no-repeat right 16px bottom; background-size: 100px  auto;}

@media screen and (max-width: 640px) {
    .bannerBox{height: 100px; padding: 18px 110px 0px 16px;}
    .bannerBox.certify{background-size: 80px; padding: 16px 100px 0px 16px;}
    .bannerBox.certify h3{white-space: nowrap;}
}