@charset "utf-8";

#search_page{position:relative;}
.search_wrap{max-width:1400px;padding:140px 0 80px;margin:0 auto;}
.search_wrap h3{font-family:'Noto Serif KR';text-align:center;font-size:48px;padding-bottom:20px;}
.search_wrap .search_box{max-width:800px;height:70px;border:5px solid #c82129;border-radius:35px;line-height:63px;padding:0 70px;margin:0 auto;position:relative;}
.search_wrap input[type=search]{background:transparent;text-align:center;width:100%;height:100%;font-size:26px;color:#212121;font-weight:300;}
.search_wrap input[type=search]::placeholder{color:#212121;}
.search_wrap input[type=search]:focus::-webkit-input-placeholder{color:transparent;}
.search_wrap .search_submit{width:70px;height:60px;position:absolute;top:0;right:0;background:url(/page/fire/images/search/search.png) no-repeat 10px 11px;overflow:hidden;text-indent:-9999px;}

.search_wrap .highlight{background:#fff93b;}
.search_wrap .popular_box{text-align:center;margin-top:10px;}
.search_wrap .popular{display:inline-block;overflow:hidden}
.search_wrap .popular dt{display:block;height:30px;border-radius:15px;background:#cfd8dc;padding:0 15px;line-height:30px;margin-top:10px;color:#333;float:left;}
.search_wrap .popular dd{display:block;overflow:hidden;padding: 0 15px 15px 0;}
.search_wrap .popular dd a{display:block;float:left;margin:10px 0 0 15px;height:30px;line-height:27px;background:#fff;font-weight:300;border:1px solid #c6212f;border-radius:4px;box-shadow:3px 3px 5px rgba(0,0,0,.1);padding:0 12px;}

.search_wrap .sort{padding:20px 15px 20px;background:#f5f5f5;text-align:center;}
.search_wrap .sort .peroid{display:inline-block;position:relative;min-height:60px;line-height:50px;width:800px;}
.search_wrap .peroid dl{display:inline-block;vertical-align:middle;margin-right:23px;}
.search_wrap .peroid dt{display:inline-block;margin-right:6px;}
.search_wrap .peroid dd{display:inline-block;}
.search_wrap .peroid dd a{display:inline-block;margin-left:6px;height:30px;line-height:29px;border-radius:15px;box-shadow:3px 3px 5px rgba(0,0,0,.1);background:#fff;width:60px;text-align:center;}
.search_wrap .peroid dd a.active{color:#fff;background:#334979;}
.search_wrap .peroid fieldset{display:inline-block;vertical-align:middle;}
.search_wrap .peroid fieldset > div{position: relative; display:inline-block;padding-right:21px;}

.search_wrap .peroid fieldset > div:last-of-type{padding-right:0;}
.search_wrap .peroid fieldset label{margin-right:5px;vertical-align:middle;}
.search_wrap .peroid input[type=text]{width:137px;height:30px;line-height:30px;text-align:center;border-radius:15px;box-shadow:3px 3px 5px rgba(0,0,0,.1);color:#333;font-weight:300;font-size:16px;margin-right:6px;}
.search_wrap .peroid .peroid_submit{color:#fefefe;background:#c82129;width:120px;height:60px;line-height:60px;text-align:center;border-radius:8px;font-size:18px;position:absolute;top:0px;right:-156px;}







.search_wrap .result_area{position:relative;padding-top:30px;}
.search_wrap .result_area h4{text-align:center;margin-bottom:16px;}
.search_wrap .result_area h4 p{display:inline-block;padding:8px 30px;border-bottom:1px solid #bdbdbd;font-size:22px;color:#454545;font-weight:400;}
.search_wrap .result_area h4 p .blue{color:#096bc9}
.search_wrap .result_area h4 p .red{color:#d70808}

.search_wrap .no_result{padding:44px 25px 40px;text-align:center;border:2px dashed #e0e0e0;border-radius:20px;margin-top: 28px;}
.search_wrap .no_result div{display:inline-block;}
.search_wrap .no_result img{display:block;float:left;}
.search_wrap .no_result ul{overflow:hidden;padding-left:42px;text-align:left;}
.search_wrap .no_result ul li{margin-top:5px;color:#444;padding-left:11px;position:relative;}
.search_wrap .no_result ul li:after{content:'';display:block;width:2px;height:2px;background:#787878;top:13px;left:0px;position:absolute;}

.search_wrap .result_tab{overflow:hidden;padding-bottom:15px;}
.search_wrap .result_tab li{float:left;width:calc((100% - 139px) / 7);margin:15px 23px 0 0;}
.search_wrap .result_tab li:last-child{margin-right:0;}
.search_wrap .result_tab li a{display:block;border:1px solid #bdbdbd;border-radius:13px;height:60px;color:#454545;font-weight:300;text-align:center;padding-top:4px;position:relative;overflow:hidden}
.search_wrap .result_tab li a:after{content:'';display:block;position:absolute;top:0px;height:0px;;left:0px;right:0px;background:#c82129;z-index:-1;transition:all, .2s;}
.search_wrap .result_tab li.active a{color:#fff;background:#c82129;}
.search_wrap .result_tab li a:hover{color:#fff;}
.search_wrap .result_tab li a:hover:after{height:60px;transition:all, .7s;}

.search_wrap .result{margin-top:30px;position:relative;}
.search_wrap .result .more{display:block;width:35px;height:35px;position:absolute;top:-4px;right:0px;overflow:hidden;text-indent:-9999px;}
.search_wrap .result .more:before{content:'';display:block;width:4px;height:18px;background:#333;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.search_wrap .result .more:after{content:'';display:block;width:18px;height:4px;background:#333;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.search_wrap .result h5{font-size:18px;position:relative;margin-bottom:5px;}
.search_wrap .result h5:after{content:'';height:1px;display:block;background:#555656;position:absolute;top:50%;left:200px;right:35px;}
.search_wrap .result h5 span{display:inline-block;padding:0 35px 0 21px;position:relative;background:#fff;z-index:10;}
.search_wrap .result h5 span:after{content:'';display:block;width:9px;height:9px;border:3px solid #c82129;position:absolute;left:0;top:7px;border-radius:50%;}
.search_wrap .group{padding:20px 15px 20px 0;overflow:hidden;}
.search_wrap .group + .group{border-top:1px solid #e0e0e0;}
.search_wrap .group .thumb_box{float:left;width:170px;height:120px;box-shadow:5px 5px 8px rgba(0,0,0,.1);margin-right:41px;}
.search_wrap .group .thumb_box img{width:100%;display:block;}
.search_wrap .group .thumb_box + dl{max-width:1000px;}
.search_wrap .group .thumb_box + dl dt{padding-top:5px;}
.search_wrap .group dl{overflow:hidden;max-width:1280px;}
.search_wrap .group dt{padding:0 0 4px;font-weight:300;color:#096bc9;}
.search_wrap .group dt a{color:#096bc9;}
.search_wrap .group dt a:hover{color:#d70808;}
.search_wrap .group .text{color:#454545;font-weight:300;padding:5px 0 0px;margin-bottom:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;max-height:53px;}
.search_wrap .group .meta{color:#b0b0b0;font-weight:300;}
.search_wrap .group .meta a{color:#b0b0b0;}
.search_wrap .group .meta a:hover{color:#d70808;}
.search_wrap .btn_box{margin-top:8px;}
.search_wrap .btn_box a{display:inline-block;min-width:101px;border:1px solid #686868;color:#454545;font-size:14px;text-align:center;font-size:14px;padding:0 10px;height:30px;line-height:28px;border-radius:15px;}
.search_wrap .btn_box a.preview:after{content:'';display:inline-block;width:16px;height:15px;margin-left:6px;background:url(/page/fire/images/search/sp_search.png) no-repeat -63px 0;vertical-align:-2px;}
.search_wrap .btn_box a.down:after{content:'';display:inline-block;width:14px;height:14px;margin-left:6px;background:url(/page/fire/images/search/sp_search.png) no-repeat -99px 0;vertical-align:-1px;}
.search_wrap .btn_box a:hover{color:#d70808;}

.search_wrap .gallery{padding:20px 0 15px;}
.search_wrap .gallery li{float:left;width:calc((100% - 76px) / 4);margin-right:25px;}
.search_wrap .gallery li:last-child{margin-right:0;}
.search_wrap .gallery li a{display:block;box-shadow:2px 5px 10px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;}
.search_wrap .gallery li .thumb_box{overflow:hidden;}
.search_wrap .gallery li .thumb_box img{width:100%;display:block;transition: all 0.5s;}
.search_wrap .gallery li a:hover .thumb_box img{transform: scale(1.2);}
.search_wrap .gallery li a:hover .text, .search_wrap .gallery li a:hover .text span{color:#d70808;}
.search_wrap .gallery li .text{padding:15px 15px 44px 26px;}
.search_wrap .gallery li .text p{height:47px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
.search_wrap .gallery li .text span{color:#666;display:block;margin-top:10px;font-weight:300;}

.search_wrap .menus{padding:15px 0 15px;}
.search_wrap .menus li + li{margin-top:4px;}
.search_wrap .menus li a{font-weight:300;color:#454545;}
.search_wrap .menus li a span{display:inline-block;color:#096bc9;margin-right:12px;}
.search_wrap .menus li a:hover, .search_wrap .menus li a:hover span{color:#d70808;}


@media (max-width: 1400px) {
    .search_wrap{padding:140px 15px 80px;}
}

@media (max-width: 1200px) {
    .search_wrap{padding:100px 15px 50px;}
    .search_wrap .peroid dl{display:block;text-align:left;}
    .search_wrap .peroid fieldset{display:block;text-align:left;}
    .search_wrap .peroid .peroid_submit{top:inherit;bottom:0px;right:0px;}
}

@media (max-width: 920px) {
    .search_wrap .result_tab li{width: calc((100% - 70px) / 4);}
    .search_wrap .result_tab li:nth-child(4){margin-right:0;}
    .search_wrap .result_tab li a{height:55px;padding-top:2px;}
    .search_wrap .gallery li .text{padding: 12px 15px 29px 26px;}
}

@media (max-width: 860px) {
    .search_wrap .sort .peroid{width:100%;}
}

@media (max-width: 768px) {
    .search_wrap h3{font-size:34px;padding-bottom:15px;}
    .search_wrap .search_box{height:50px;line-height:40px;border-width:3px;padding:0 40px;}
    .search_wrap input[type=search]{font-size:18px;}
    .search_wrap input[type=submit]{width:40px;height:44px;background-size:25px 25px;background-position:1px 11px;}
    .search_wrap .result{margin-top:20px;}
}


@media (max-width: 767px) {
    .search_wrap .gallery li .text{padding: 15px 15px 44px 26px;}
    .search_wrap .gallery li{width:calc((100% - 26px) / 2);}
    .search_wrap .gallery li:nth-child(2n){margin-right:0;}
    .search_wrap .gallery li:nth-child(n+3){margin-top:25px;}
}


@media (max-width: 670px) {
    .search_wrap .peroid .peroid_submit{position:relative;bottom:inherit;right:inherit;margin:10px auto 0;font-size:16px;height:40px;line-height:42px;display:block;width:180px;}
    .search_wrap .gallery li .text{padding: 12px 15px 25px 20px;}
    .search_wrap .gallery li .text span{margin-top:5px;}
    .search_wrap .gallery li{width:calc((100% - 16px) / 2);margin-right:15px;}
    .search_wrap .gallery li:nth-child(n+3){margin-top:15px;}
}

@media (max-width: 640px) {
    .search_wrap .popular dt{float:none;margin-bottom:5px;}
    .search_wrap .result h4 p{font-size:18px;padding: 8px 10px;}
    .search_wrap .popular dt{float:none;margin-bottom:5px;}
    .search_wrap .no_result img{float:none;margin:0 auto;}
    .search_wrap .no_result ul{padding:20px 0 0 0;}
    .search_wrap .result_tab li{width: calc((100% - 23px) / 2);}
    .search_wrap .result_tab li:nth-child(2n){margin-right:0;}
}

@media (max-width: 550px) {
    .search_wrap .peroid dl{margin-right:0;}
    .search_wrap .peroid dt{margin-right:12px;}
    .search_wrap .peroid fieldset > div{display:block;padding-right:0;}
    .search_wrap .peroid fieldset > div:last-of-type{margin-top:-10px;}
    .search_wrap .peroid input[type=text]{width:210px;}
    .search_wrap .peroid dd a{width:55px;margin-left:5px;}
    .search_wrap .group .thumb_box{float:none;margin:0 0 20px 0;}
}